問題タブ [drawingvisual]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
c# - ObservableCollection に基づいて DrawingVisual を実装する MVVM WPF の方法はありますか
私のアプリケーションは、キャンバス上に多くの線とポリゴン/パスを表示します。ObservableCollections私のViewModelは、描画されるさまざまなアイテムを表す一連のを保持しています。
私が抱えている問題は、アプリケーションのズームとパンが非常に遅いことです。ズームとパンはすべて を使用してIvalueConverter処理され、ワールド座標系からキャンバス座標系に変換されます。
これを機能さNotifyPropertyChangeせるには、画面に表示されているすべてのオブジェクトを強制的に最新のパンとズームの値で再描画する必要があります。数百行の場合は非常にうまく機能しますが、数千行の場合は非常に遅くなります。また、すべてのオブジェクトが表示されるようにズームアウトするNotifyPropertyChangeと、10,000 行を超えるとほとんど使用できなくなります。
すべての処理、選択の移動などはビューモデルで処理されるため、ポリゴンの組み込み機能を使用していません。DrawingVisualしたがって、オーバーヘッドがはるかに低いことを理解しているので、代わりに試して使用したいと思いShapesますが、それらの使用方法の良いMVVMの例が見つかりません。私が見た例は、コードビハインドで構築されていることを示しています。これは、私がそれらを使用するべきだとは思わない方法です。
例は次のとおりです。
を使用して監視可能なコレクションにバインドする WPF の方法がない限りDrawingVisual、モデルで描画オブジェクトを作成および削除する必要があります。モデルが更新されるたびに、 my を更新する必要がありますdrawingVisual。しかし、正しい方法ではないモデルでビュー項目を作成しています。MVVM アプリケーションDrawingVisualの代わりに実装する方法を教えてもらえ ますか?Shapes
これは、私が現在使用しているコードの抜粋です。Shapes
XAML
my の監視可能なコレクションViewModel:
編集
ズームインおよびズームアウト ビューを使用したキャンバスのスクリーンショット:
ズームアウト:
画像は少し拡大縮小されていますが、実際には、拡大縮小しても線の太さ、ノード サイズ、矢印は一定のままです。ノードの投影座標のみが変更されます。
ズームイン:
