(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