WPF案例:如何设计历史记录查看UI
生活随笔
收集整理的這篇文章主要介紹了
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
設計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
轉載于:https://blog.51cto.com/muzizongheng/1332944
總結
以上是生活随笔為你收集整理的WPF案例:如何设计历史记录查看UI的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery_选择器
- 下一篇: 设计模式学习系列9 外观模式Facade