如何在XAML中改变窗口大小时使内容具有相同的空间（宽度和高度）来调整大小？

Question

我在WPF中有以下XAML代码。这产生与列的相同大小的网格&行（如图1）

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="1*"/> 
     <RowDefinition Height="1*"/> 
     <RowDefinition Height="1*"/> 
     <RowDefinition Height="1*"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="1*"/> 
     <ColumnDefinition Width="1*"/> 
     <ColumnDefinition Width="1*"/> 
     <ColumnDefinition Width="1*"/> 
    </Grid.ColumnDefinitions> 

    <TextBlock Grid.Row="0" Grid.Column="0" Text="A" Background="Green"/> 
    <TextBlock Grid.Row="1" Grid.Column="1" Text="AB" Background="Red"/> 
    <TextBlock Grid.Row="2" Grid.Column="2" Text="ABC" Background="Blue"/> 
    <TextBlock Grid.Row="3" Grid.Column="3" Text="ABCD" Background="Yellow"/> 
</Grid> 

图1.

但是，当我把这个网格在一个视框（如代码如下），行&列的大小保持不变（如图2所示）。

<Viewbox Stretch="Uniform"> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="1*"/> 
      <RowDefinition Height="1*"/> 
      <RowDefinition Height="1*"/> 
      <RowDefinition Height="1*"/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="1*"/> 
     </Grid.ColumnDefinitions> 

     <TextBlock Grid.Row="0" Grid.Column="0" Text="A" Background="Green"/> 
     <TextBlock Grid.Row="1" Grid.Column="1" Text="AB" Background="Red"/> 
     <TextBlock Grid.Row="2" Grid.Column="2" Text="ABC" Background="Blue"/> 
     <TextBlock Grid.Row="3" Grid.Column="3" Text="ABCD" Background="Yellow"/> 

    </Grid> 
</Viewbox> 

图2.

我怎样才能让这个网格行的大小相等的视框里面&列？

Answer 1

可以强制大小共享这样的：

<Grid Grid.IsSharedSizeScope="True"> 
    <Grid.RowDefinitions> 
     <RowDefinition SharedSizeGroup="A"/> 
     <RowDefinition SharedSizeGroup="A"/> 
     <RowDefinition SharedSizeGroup="A"/> 
     <RowDefinition SharedSizeGroup="A"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition SharedSizeGroup="B"/> 
     <ColumnDefinition SharedSizeGroup="B"/> 
     <ColumnDefinition SharedSizeGroup="B"/> 
     <ColumnDefinition SharedSizeGroup="B"/> 
    </Grid.ColumnDefinitions> 

Answer 2

这是从网上

视框两者的ViewBox

行为是WPF中一个非常有用的控制。如果没有什么比 缩小到适合可用大小的内容。它不会调整 内容的大小，但会对其进行转换。

为什么在不想要的时候使用viewbox，试试另一个控件。

Answer 3

而不是使用一个网格尝试使用UniformGrid的：

<Viewbox Stretch="Uniform"> 
    <UniformGrid Rows="4" Columns="4"> 
     <TextBlock Grid.Row="0" Grid.Column="0" Text="A" Background="Green"/> 
     <TextBlock /> 
     <TextBlock /> 
     <TextBlock /> 

     <TextBlock /> 
     <TextBlock Grid.Row="1" Grid.Column="1" Text="AB" Background="Red"/> 
     <TextBlock /> 
     <TextBlock /> 

     <TextBlock /> 
     <TextBlock /> 
     <TextBlock Grid.Row="2" Grid.Column="2" Text="ABC" Background="Blue"/> 
     <TextBlock /> 

     <TextBlock /> 
     <TextBlock /> 
     <TextBlock /> 
     <TextBlock Grid.Row="3" Grid.Column="3" Text="ABCD" Background="Yellow"/> 
     </UniformGrid> 
</Viewbox> 

只要确保你设置的行和列，取而代之的说每个子元素所在的行/列，您只需按顺序输入它们。