日期:2014-05-18  浏览次数:20761 次

这个界面如何布局(帖子里附有图片)


上面是示意图,具体规则如下:

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.