WPF案例:如何設計歷史記錄查看UI

(CSDN博客目前不支持外鏈, 只能純文字)

設計WPF的UI,一般遵循下面的步驟:
1.首先分析數據結構
2.根據數據結構選擇合理控件
3.定製外觀

具體對於歷史記錄查看UI, 我們可以得知:
1.記錄是多條的,
2.每條記錄包含歷史的詳細信息
說白了,就是2張表,一張存儲歷史記錄的時間、地點、人物,另一張存儲對應記錄的詳細內容。

根據上述數據結構,我們可以大概設計出UI:
1.外層爲ItemsControl
2.每個Item可以包含2塊ContentControl和ItemsControl,用於顯示歷史記錄及詳細信息。

最終實現:
ListBox( StackPanel(TextBox(ReadOnly, TextWrapper)+ ListBox(TextBox(ReadOnly, TextWrapper))) )

注意事項:
1. itemsControl的滾動條每次默認滾動一個item高度, 如果item的高度大於整個ItemsControl會導致滾動時永遠看不到超出的部分, 解決辦法:可以設置ScrollViewer.CanContentScroll爲false,這樣就會按照物理大小而不是邏輯大小來滾動。
2.itemsControl內的TextWrapping想要生效, 必須要禁用自帶的scrollViewer的橫滾動條。即:ScrollViewer.HorizontalScrollBarVisibility 爲Disabled
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章