Question

我目前有一个包含4列和2行的网格。在这个网格的每个单元格内部是一个自定义按钮（由画布，矩形和文本块组成，分组为带有混合4的按钮控件）。

所以基本上这个网格有8个自定义按钮，它们的大小都相似但只是与文本内容不同。

问题：

当我放大屏幕时，网格和细胞会随窗口大小正确生长。按钮的位置也正确。 但按钮的大小永远不会改变。

如何修改网格/按钮，以便在屏幕变大时按钮的大小实际增大？宽度和高度等所有设置都设置为自动。

网格的一些代码示例：

 <Grid x:Name="gridSubCategories" Margin="15,125,15,50">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <Button x:Name="btnTestOne" Content="TestOne" Margin="9.426,29.05,9.425,29.05" Style="{DynamicResource ButtonStyleTestOne}" 
                Grid.Column="0" Grid.Row="0" HorizontalContentAlignment="Stretch"/>

最好的问候。

Answer 1

尝试使用HorizontalAlignment =“Stretch”和VerticalAlignment =“Stretch”按钮

Answer 2

添加Viewbox作为按钮的父级

定义一个内容装饰器，可以拉伸和缩放单个子节点以填充可用空间。

<Viewbox>
  Child
</Viewbox>

http://msdn.microsoft.com/en-us/library/system.windows.controls.viewbox.aspx

网格内的缩放按钮

2 个答案: