WPF UniformGrid 行和列相同的宽度高度

Question

我需要有关 UniformGrid 或 Grid、表格等方面的帮助。

简单版： 我有一个只有 6 个矩形的 MainWindow，它们应该填满我的整个 MainWindow。当我调整窗口大小时，这 6 个矩形需要能够像所有其他矩形一样调整大小并保持相同的宽度和高度。

我最终需要用实际内容替换我的矩形，例如 6 个视频播放、6 个网络浏览器或 6 个图像等，所有这些都具有相同的宽度/高度，因为用户调整了窗口大小。

这是矩形。

到目前为止，这是我的 XAML 代码。它不太工作，因为即使我调整主窗口的大小，矩形都保持为“正方形”，它们总是有长度 = 宽度。但我需要矩形，有时长度可能大于宽度，因为他的窗口是由用户调整大小的。

        <UniformGrid Rows="2" Columns="3">
            <Rectangle Stretch="UniformToFill" Fill="Black" />
            <Rectangle Stretch="UniformToFill" Fill="Blue" />
            <Rectangle Stretch="UniformToFill" Fill="Red" />
            <Rectangle Stretch="UniformToFill" Fill="Green" />
            <Rectangle Stretch="UniformToFill" Fill="Yellow" />
            <Rectangle Stretch="UniformToFill" Fill="Orange" />
        </UniformGrid>

复杂版： 我最终需要允许用户显示 1、2、4 或 6 个显示器，因此他们需要占据整个窗口的宽度/高度。

如果它应该显示 2 个显示器，它的外观如下。 （当用户调整窗口大小以使长度>宽度时）

Answer 1

如果您使用星号（默认设置）定义列和行，则网格已经为您提供了调整大小的行为。而不是写例如<RowDefinition Height="*"/>，你可以写<RowDefinition/>。

所以，这应该可行：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition/>
    <RowDefinition/>
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
    <ColumnDefinition/>
    <ColumnDefinition/>
    <ColumnDefinition/>
  </Grid.ColumnDefinitions>
  <Rectangle Grid.Row="0" Fill="Black" />
  <Rectangle Grid.Column="1" Fill="Blue" />
  <Rectangle Grid.Column="2" Fill="Red" />
  <Rectangle Grid.Row="1" Fill="Green" />
  <Rectangle Grid.Row="1" Grid.Column="1" Fill="Yellow" />
  <Rectangle Grid.Row="1" Grid.Column="2" Fill="Orange" />
</Grid>

对于复杂的情况，如果要创建列或行，您需要根据放入 Grid 的元素和窗口大小调整网格的 RowDefinitions 和 ColumnDefinitions。您可以在网格上设置 Codebehind 中的所有内容。

在 Xaml 中为其命名并在 Codebehind 中使用，例如 grid.RowDefinitions.Add(...);

通过grid.Children.Add(...);在 Codebehind 中添加或删除元素

通过静态方法Grid.SetRow和Grid.SetColumn在Codebehind中设置Grid.Row和Grid.Column