多くのUIElementsを使用してWPFのパフォーマンスを改善する

Question

私はWPFで非常に新しいので、同時に多くのUIElementsでビューを作成する方法について助言が必要です。私がやりたいことは、各セルの幅と高さが固定された何らかの種類の表を表示することです。各セルには、背中と前景が異なるテキストブロックの乱数を使用できます（画像参照）。私がこれまでに行ったことある

Image for table-like view with many UiElements

...私はitemcontrol内の項目を結合し、一つのセルの内容のために、ユーザーコントロールを作成しました。

<ItemsControl ItemsSource="{Binding}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <UniformGrid Columns="1" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Border Background="{Binding Backcolor, Converter={StaticResource IntegerToBrushConverter}}" > 
       <Viewbox MaxHeight="20" > 
        <TextBlock TextWrapping="Wrap" Text="{Binding Caption}" 
         Foreground="{Binding Forecolor, Converter={StaticResource IntegerToBrushConverter}}"/> 
       </Viewbox> 
      </Border> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

このusercontrolは、テーブルのx軸を表すitemcontrolにもバインドされています。

y軸についても、素敵なスクロールビューアを使用して同じことが行われます。だから、問題は、仮想ツリーには多くの要素があるということです。私のサンプルの場合、60.000以上の要素がツリーにリストされています。このため、ビューを開くときにパフォーマンスが低下します。スクロールのパフォーマンスは大丈夫ですが、表示を開くには数秒かかります。

私はCacheModeのようなものを試しましたが、そのすべてがオープニングパフォーマンスに影響しません。 VirtualizingStackPanelを使用すると、スクロールのパフォーマンスが低下します。私はUiを構築するのにそれほど時間がかかります。彼はすべてのUiElementsを測定するのに多くの時間が必要だと思われますが、わかりません...

このようなUiElementリッチビューをもっと速くするためのヒントはありますか？私が言ったように、私はWPFで非常に新しく、これは単なるパフォーマンステストです。私たちはWinformsのようなUiを持っていますが、そこには、テーブル全体がユーザーが描いたものです。 WPFでは、Winformsのデザインをストックコンテンツで再構築するのは非常に簡単です。最後の手段として自分で描画したいコントロールだけです。

Answer 1

仮想化を使用して、あなたの問題に対する可能な解決策についてはこちらをご覧ください：

WPF Data Virtualization

をまた、あなたは別の道を行くしたい場合は、様々で仮想化を扱う商用サードパーティのWPFコントロールライブラリがあります成功の度合い。 Xceed、Syncfusion、DevExpress、Telerikのようにいくつか挙げると、

私は、Uiを構築するのに非常に時間がかかります。

あなたはVS2015（またはそれ以上のもの）を使用していることを願っていますが、これほど長い時間がかかっていることへの回答を得るにはいくつかの方法があります。 Visual Studioには、ビジュアルツリーをリアルタイムで表示できるライブビジュアルツリーツール（デバッグ - > Windows）があります。このツールを使用すると、必要のないUI要素の一部を見つけて削除することができます（境界線、 （Alt + F2）を実行してCPU使用量を選択すると、プログラムが最も多くの時間を費やしている場所を確認できるレポートが生成されます。うまくいけば、後で最適化できる特定の方法に問題が隔離されます。

さらに、問題についての詳細を歓迎します。 ItemsSourceに移入するコードは正確に何ですか？