GridUniformGrid容器(五)-创新互联
一、Grid
Grid 是以表格形式组织控件的一种布局方式,与 Java AWT 中的 GridLayout 类似,但
区别在于
WPF 中的 Grid 的每一个单元格中可以放置多个控件,但控件可能会层叠在一
起
WPF 中的 Grid 支持单元格的合并,类似于 HTML 中的 table td 中的 row
span 和 colspan
Grid 中的行和列可以自定义高度(Height)和宽度(Width)
在设置高度和宽度时可以采用两种写法:
1)Height=”60”:不加“星号”表示固定的高度
2)Height=”60*”:加“星号”表示“加权”的高度,在调整窗体大小时,此
高度或宽度会按窗体大小改变的比例进行缩放
如:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: lignment="Top">ButtonA
11: lignment="Bottom">ButtonB
12:
13:
14:
二、使用 GridSplit 分割
可以使用 GridSplit 控件结合 Grid 控件实现类似于 Windows 应用程序中 SplitContai
ner 的功能,如下面的应用程序:
要实现以下的功能:
ButtonA 和 ButtonB、ButtonC 组成的整体,可以左右拖动,改变两者的宽度
ButtonB 和 ButtonC 可以上下拖动,改变两者的高度
实现以上功能的 XAML 代码如下:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13: umn="0" Grid.RowSpan="3" />
14: umn="2" />
15: umn="2" />
16:
17:
19:
20: Grid.Row="1" Grid.Column="2">
21:
其核心想法为:
定义 3*3 的表格,其中放置分割线的列(下标为 1)和行(下标为 1)的宽度和高度设置
为 Auto
ButtonA 放置在 Row=0、Column=0、RowSpan=3 的单元格中
ButtonB 放置在 Row=0、Column=2 的单元格中
ButtonC 放置在 Row=2、Column=2 的单元格中
竖直分割线放置在 Row=0、Column=1、ColSpan=3 的单元格中
水平分割线放置在 Row=1、Column=2 的单元格中
如下图所示:
三、UniformGrid
UniformGrid 控件为控件提供了一种简化的网格布局。当控件添加到 Unif
ormGrid 时,它们会排列在一个网格模式中,该网格模式会自动调整以使控
件之间的距离保持均匀。单元格的数目将进行调整,以适应控件的数目。例如,
如果四个控件添加到 UniformGrid 中,它们将安排在包含四个单元格的网格中。
如:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
在使用 UniformGrid 的时候:
各单元格的大小完全相同
单元格的数量取决于放入的控件的数量,且单元格一定是行、列数相同的,即
1*1、2*2、3*3、4*4…的单元格分布
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章名称:GridUniformGrid容器(五)-创新互联
网站路径:http://hbruida.cn/article/cecgop.html