您的位置:首页 > 产品设计 > UI/UE

WPF案例:如何设计历史记录查看UI

2013-11-08 11:37 351 查看
(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本文出自 “木子纵横” 博客,请务必保留此出处http://muzizongheng.blog.51cto.com/856912/1332944
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: