这个界面如何布局(帖子里附有图片)
上面是示意图,具体规则如下:
1 窗口的大小由小Item(上图共有8个小图,小Item间的距离和小Item自身的大小是固定的)决定,这个问题我已经解决了。
2 有几个Item界面上显示几个Item,当大于四个时,多出的自动往现有的上一行排列。
不知道是否说清楚了~~
这个界面应该使用哪些布局控件进行布局呢?
WPF新手,请大家多多指点~~
我目前只能把每个item用DataTemplate表示出来,但外面该用什么控件我搞不定~~
绑定的数据源我准备用List。
------解决方案--------------------ListView,用大图标方式显示。
------解决方案--------------------可以用DIV + CSS 来实现
------解决方案--------------------比较简单的用UniformGrid控件,自己控制好宽度就可以了
------解决方案--------------------如果技术高点可以用ListView,里面用样式控制,
想啥样有啥样
------解决方案--------------------如果每个格子大小是一样的。
<ItemsControl Margin="5" ItemsSource="{Binding SymbolIDList,Mode=TwoWay}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<!--你的格子-->
<label/>
</DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="{Binding ColumnCount}" Rows="{Binding RowCount}" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
</ItemsControl>
你控制好行和列就行
------解决方案--------------------
你可以参考一下
http://nonocast.cn/?p=2679
不过因为需要ItemSource做Binding,所以采用ListBox做Logical Element,用UniformGrid/WrapPanel来做Visual Element
May that helps.