C# WPF TabControlの切り替え高速化

Question

C#　WPF　においてTabControl上にDataGridを配置したCSVビューアーを作成しました。

GにはDataTableをバインドしています。

このTabControlのデータ量が大きい場合にタブを切替え、当該タブを再選択すると表示までにラグがあります。
TabControlがアクティブでなくなったときに情報を保持していないようなのですが、
タブ切替後も情報を保持し無駄な描画をなくす方法、または表示部分以外の読込を遅延させ、スクロール時に読み込む方法はありますか？

Comments

[TN8001]

実験してみたんですが10列10万行のデータでは起動はそれなりに遅かったですが、タブ切り替えは特に遅いとは感じませんでした（ListView DataGridどちらでも）
列を増やすのはListViewだと面倒なのでやってませんが、列が多い感じでしょうか？
再現するコードがあればよいのですが。。

あとはこの辺を試していただくのも手でしょうか。
[wpf - How to preserve control state within tab items in a TabControl - Stack Overflow](https://stackoverflow.com/questions/2080764/how-to-preserve-control-state-within-tab-items-in-a-tabcontrol

[riko0109]

ありがとうございます。
こちらのテストデータは88列888行でした。データ量としてはそこまででもないので私の環境が貧弱なのかもしれません。
いただいたページも参考にさせて戴きます。

[TN8001]

88列だと2秒ほど待つ感じになりました^^;
列方向のほうが影響が大きいみたいですね。
EnableColumnVirtualization="True" を付けると多少ましになりますが、引っかかる感じは残りました。

ColumnWidth="100" 等固定値を入れると気持ち効いている気がします(気のせいかもしれません^^;

[riko0109]

おっしゃる通り列方向の影響が大きいですね。
どこかの質問サイトでtabcontrolのitemssourceにコレクションをバインドするのとtabitemに単一のオブジェクトをバインドするのでも違いが出るようでした。前者だとタブが再選択されるたびに読込されるとか書いてありました。ただtabitemへのバインドを動的にやるのも大変な気がします。

[TN8001]

まずは、
<DataGrid
AutoGenerateColumns="True"
ColumnWidth="80"
EnableColumnVirtualization="True"
ItemsSource="{Binding Contents}" />
を試してみてください。

提示したソリューションも試してみましたが、88*888程度だと↑とあまり変わりませんでした。

[riko0109]

ありがとうございます。
仮想化関係の設定を一通りTrueにしてみました。それなりにスピードは上がったかなと思います。
それにテストデータの88列はあまり扱わない列の量ですのでそこまで厳しく見なくても良いかなと思いました。。
初心者にお付き合いいただきありがとうございました。

Answer 1

または表示部分以外の読込を遅延させ、スクロール時に読み込む方法はありますか？

GridViewではなく、ListViewのDetailsモードではどうでしょう。
VirtualModeがありますんで、お望みのことができます

Comments

[riko0109]

ありがとうございます。
ListViewでの実装も考えてみます。

[TN8001]

WPFでGridViewというとこれです。
[GridView クラス (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.gridview
ListViewを表形式で表示するビューです。

y_waiwaiさんはおそらくこれと勘違いしています。
[DataGridView クラス (System.Windows.Forms) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.forms.datagridview

WPFで↑と同等のコントロールはこれです。
[DataGrid クラス (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.datagrid

ListView+GridViewか、DataGridどちらかでやってると思うのですが、結局どっちなんでしょう？

WPFではListViewもDataGridも規定で仮想化が有効です（が、結構ややこしいです）

[riko0109]

ありがとうございます。
私はDatagridを使用しておりました。

Answer 2

DataTableの読み込みを GridView の Loadedイベント とかでやっていませんか？
Loadedイベントはタブの切り替えのたびに発生しますよ。

それが原因なら、GridView の Initializedイベント に切り替えると直るかと思います。

Comments

[riko0109]

DataTableはTabControl内のDataGridのItemsSourceにバインドしております。読み込みのタイミングをこちらから明示的に制御できるのでしょうか

[退会済みユーザー]

ではなくて、既定のイベントが、
タブの初回切り替え時：Initialized → Loaded なのに対して、
2回目以降の切り替え時：Loadedのみ
ということです。
なので、LoadedでDataTableを読み込むと、タブを選択するたびに、
毎回、DataTableを読み込むことになって重いですよ。
というお話です(^^)

[Zuishin]

「WPF でバインド」と言えば普通はイベントで読み込んだりしないんですが、質問にコードが書いてないからこういう回答もつきますね。

[退会済みユーザー]

何か勘違いしていないかと。
DBだか、XMLだか、大元のデータがどこにあるかは知りませんが、
大元のデータをDataTableに読み込む話ですよ。
ItemsSourceからGUIに読み込む話じゃないです。

[Zuishin]

DataTable 「を」読み込むのか DataTable 「に」読み込むのかで意味が変わります。

[Zuishin]

それに、どちらにしても View のイベントで読み込むのではなく ViewModel 作成時やコマンドを使うのが普通です。でなければバインドした意味が半減します。

[riko0109]

バインドソースのDataTableはviewのデータコンテキストにviewmodelを指定して生成してます。
タブ切替時にviewがDataTableを再読み込みに行ってる様な挙動でしたのでそれを制御出来る方法があればと言う意図での質問でした。

[退会済みユーザー]

ほぼ間違いなくそうだと思います。
一度、デバッガで追ってみてください。
タブを選択するたびに再読み込みしてる確率が非常に高いです。
なので、イベントを選べば、再選択時は走らないイベントもあるよという話です。

イベントで読み込みたくないのはMVVMにこだわってるのかな？
私はあまりこだわらない派ですが、こだわるならこだわるでやり方はあります。
というか、重箱の隅を突っつくより、答えを書きましょうよ。

イベントで読み込みたくないなら、TabControlを含むxaml側のViewModelで
DataTableを読み込みましょう。
そのうえで、読み込み済みのDatTableをGridViewに渡せばいいだけです。

[Zuishin]

イベントで読み込んでいないならイベントの話は的外れなので重箱の隅ではありません。この回答の根源的な問題です。

だけど本当に言いたかったのは次です。

> 質問にコードが書いてないからこういう回答もつきますね。

答えを書けということですが、この質問には不備が多すぎますし、後で判明したクラス名の間違いや重大な情報を質問に反映することもしていません。元々 88 列というのも無理があります。私なら、列を減らせないなら DataGrid や TabControl を使わないという方向で解決すると思いますが、それを伝えるのは面倒なのでしません。

[Zuishin]

質問者からのコメントにより間違った回答だということが確定し、またそれを回答者が理解していないことがわかったので低評価します。

[退会済みユーザー]

なんじゃ、ここ。
質問者以外が低評価とか。機能からしてあほすぎる。
まぁ、偉そうなZuishiさんには高評価つけてやるよ。
ちょっと、ここの機能はひどすぎるので退会させてもらうわ。
ほなら、せいぜい頑張ってなZuishinさん。
さよなら、おしりペンペン(@^^)/~~~

[退会済みユーザー]

評価の仕方分からんから、フォローしといてやったわ(笑)
あんたが、これ読むころは退会済みの予定や。
んじゃ(@^^)/~~~

[Zuishin]

低評価とコメントはアホな回答を質問者や後から見る人が真に受けないようにするために必要な機能ですよ。重箱の隅とか言い訳している間に直せばよかっただけです。回答を修正すれば低評価は外れて高評価になることもあります。