首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > .NET > C# >

这个界面怎么布局(帖子里附有图片)

2012-04-07 
这个界面如何布局(帖子里附有图片)上面是示意图,具体规则如下:1 窗口的大小由小Item(上图共有8个小图,小It

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


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

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.

热点排行