2

現在、WPF で波形コントロールを作成しています。ズーム機能を構築する予定です。つまり、ユーザーはオーディオ ファイル全体のすべてのサンプルを表示できる必要があります。誰もが知っているように、audiofile には非常に多くのサンプルを含めることができます。そのため、非常に多くの線を描画する必要があり、それはオーバーヘッドになります。

そこで、依頼された時だけ線を引くことを考えました。問題は、それを行うための最善かつ最もクリーンな方法が何であるかがわからないことです。このような機能の構築をどのように開始できるか、何か考えはありますか? 揚げた頭脳のようなコードは望んでいません。誰かがその問題を解決するための良いアイデアを持っていれば、私はとても感謝しています.

4

1 に答える 1

0

これを達成する方法は、トラックの可視範囲を取得してから、その領域に属する線を描画することです。このコントロールが役立つ場合があります。個人的には、WPF のズーム機能を使用しない場合でも、サンプルの座標を読み取り専用のコレクションに保持し、レンダリングが要求されたときにコンポーネントにズーム係数を掛けます。ScrollViewerwith (サンプルが水平方向に広がっているとScrollableWidth仮定して) は、最後のサンプルの乗算された x 座標に等しくなります。上記の効果を得る 1 つの方法は、最後に表示されたサンプルに接続せずに、常に最後のサンプルを描画することです。最後に、選択したコンテナーに表示されている線を描画し、それを ScrollViewer のContentプロパティに使用します。

とを使用して小さな例を追加するCanvasと、ScrollViewerそれを使用して、スクロール/ズーム時にコンテンツを更新できます。

var scrollViewer = _scrollViewer; //_scrollViewer is our container
var min = scrollViewer.ContentHorizontalOffset; //Calculating visible ranges
var max = min + scrollViewer.ViewportWidth;
int[] samples = { 10, 20, 30, 50, 80, 90, 100, 130 }; //Our original samples
const double zoomFactor = 10.0;
var canvas = new Canvas {HorizontalAlignment = HorizontalAlignment.Left};
foreach (var sampleX in samples)
{
    var multipliedX = sampleX*zoomFactor;
    if (multipliedX < min || multipliedX > max) continue;
    var sampleCircle = new Ellipse {Width = 5, Height = 5, Stroke = Brushes.Black}; //Our Shape for the sample
    canvas.Children.Add(sampleCircle);
    Canvas.SetLeft(sampleCircle, multipliedX);
}
canvas.Width = samples.Last()*zoomFactor; //To extend the ScrollViewer's scrollable width
scrollViewer.Content = canvas;
于 2012-12-16T18:38:00.420 に答える