WPF案例:如何设计历史记录查看UI
生活随笔
收集整理的這篇文章主要介紹了
WPF案例:如何设计历史记录查看UI
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
(CSDN博客目前不支持外鏈, 只能純文字)
設(shè)計(jì)WPF的UI,一般遵循下面的步驟: 1.首先分析數(shù)據(jù)結(jié)構(gòu) 2.根據(jù)數(shù)據(jù)結(jié)構(gòu)選擇合理控件 3.定制外觀
具體對(duì)于歷史記錄查看UI, 我們可以得知: 1.記錄是多條的, 2.每條記錄包含歷史的詳細(xì)信息 說(shuō)白了,就是2張表,一張存儲(chǔ)歷史記錄的時(shí)間、地點(diǎn)、人物,另一張存儲(chǔ)對(duì)應(yīng)記錄的詳細(xì)內(nèi)容。
根據(jù)上述數(shù)據(jù)結(jié)構(gòu),我們可以大概設(shè)計(jì)出UI: 1.外層為ItemsControl 2.每個(gè)Item可以包含2塊ContentControl和ItemsControl,用于顯示歷史記錄及詳細(xì)信息。
最終實(shí)現(xiàn): ListBox( StackPanel(TextBox(ReadOnly, TextWrapper)+ ListBox(TextBox(ReadOnly, TextWrapper))) )
注意事項(xiàng): 1. itemsControl的滾動(dòng)條每次默認(rèn)滾動(dòng)一個(gè)item高度, 如果item的高度大于整個(gè)ItemsControl會(huì)導(dǎo)致滾動(dòng)時(shí)永遠(yuǎn)看不到超出的部分, 解決辦法:可以設(shè)置ScrollViewer.CanContentScroll為false,這樣就會(huì)按照物理大小而不是邏輯大小來(lái)滾動(dòng)。 2.itemsControl內(nèi)的TextWrapping想要生效, 必須要禁用自帶的scrollViewer的橫滾動(dòng)條。即:ScrollViewer.HorizontalScrollBarVisibility 為Disabled
設(shè)計(jì)WPF的UI,一般遵循下面的步驟: 1.首先分析數(shù)據(jù)結(jié)構(gòu) 2.根據(jù)數(shù)據(jù)結(jié)構(gòu)選擇合理控件 3.定制外觀
具體對(duì)于歷史記錄查看UI, 我們可以得知: 1.記錄是多條的, 2.每條記錄包含歷史的詳細(xì)信息 說(shuō)白了,就是2張表,一張存儲(chǔ)歷史記錄的時(shí)間、地點(diǎn)、人物,另一張存儲(chǔ)對(duì)應(yīng)記錄的詳細(xì)內(nèi)容。
根據(jù)上述數(shù)據(jù)結(jié)構(gòu),我們可以大概設(shè)計(jì)出UI: 1.外層為ItemsControl 2.每個(gè)Item可以包含2塊ContentControl和ItemsControl,用于顯示歷史記錄及詳細(xì)信息。
最終實(shí)現(xiàn): ListBox( StackPanel(TextBox(ReadOnly, TextWrapper)+ ListBox(TextBox(ReadOnly, TextWrapper))) )
注意事項(xiàng): 1. itemsControl的滾動(dòng)條每次默認(rèn)滾動(dòng)一個(gè)item高度, 如果item的高度大于整個(gè)ItemsControl會(huì)導(dǎo)致滾動(dòng)時(shí)永遠(yuǎn)看不到超出的部分, 解決辦法:可以設(shè)置ScrollViewer.CanContentScroll為false,這樣就會(huì)按照物理大小而不是邏輯大小來(lái)滾動(dòng)。 2.itemsControl內(nèi)的TextWrapping想要生效, 必須要禁用自帶的scrollViewer的橫滾動(dòng)條。即:ScrollViewer.HorizontalScrollBarVisibility 為Disabled
轉(zhuǎn)載于:https://blog.51cto.com/muzizongheng/1332944
總結(jié)
以上是生活随笔為你收集整理的WPF案例:如何设计历史记录查看UI的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: jquery_选择器
- 下一篇: R中rep函数的使用