11、布局容器的使用与自定义布局实现

熬夜协会会长

于 2025-06-20 13:33:42 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

分类专栏：深入浅出Silverlight 4 文章标签：布局容器 Grid StackPanel

本文链接：https://blog.youkuaiyun.com/tcp8optimizer/article/details/150814303

78 篇文章 ¥499.90

订阅专栏¥69.90

布局容器的使用与自定义布局实现

在布局设计中，除了使用 Row 和 Column 附加属性将元素放置在单元格中，还可以利用 RowSpan 和 ColumnSpan 附加属性让元素跨越多个单元格。例如：

<Button Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Content="Span Button">
</Button>

此按钮会占据第一行的前两个单元格的所有可用空间。

<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="2" Content="Span Button"></Button>

该按钮会跨越两行两列，总共占据四个单元格。

跨行列布局能实现一些有趣的效果，在处理由分隔线或较长内容区域分隔的表格结构时特别有用。例如，可使用单个 Grid 重写简单对话框示例：

<Grid ShowGridLines="True" Background="SteelBlue" HorizontalAlignment="Center" Verti