有没有比网格更好的方法来排列 WPF 中的控件？

Question

我根据这个问题 Grid vs Stackpanel 中定义的适当性定义使用网格。但是，在使用网格时，您必须在网格中显式定义其中的控件位置。当必须重新排序控件或向网格添加新控件时，这会变得很痛苦。以提供的代码为例，有没有办法让文本和文本框的行和列对齐，同时便于以后修改或扩展？

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*"/>
        <ColumnDefinition Width="7*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>
    <TextBlock Text="Value One:"   Grid.Row="0" Grid.Column="0"/>
        <TextBox x:Name="TextBoxOne"   Grid.Row="0" Grid.Column="1"/>

    <TextBlock Text="Value Two:"   Grid.Row="1" Grid.Column="0"/>
        <TextBox x:Name="TextBoxTwo"   Grid.Row="1" Grid.Column="1"/>

    <TextBlock Text="Value Three:" Grid.Row="2" Grid.Column="0"/>
        <TextBox x:Name="TextBoxThree" Grid.Row="2" Grid.Column="1"/>
</Grid>

Answer 1

我编写了一个使用的自定义控件，这使得执行此操作变得非常容易，但在创建它之前，我通常使用这种东西：

<ControlTemplate x:Key="ColumnsTemplate" TargetType="HeaderedContentControl">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="3*" />
      <ColumnDefinition Width="7*" />
    </Grid.ColumnDefinitions>
    <ContentPresenter Grid.Column="0" ContentSource="Header" />
    <ContentPresenter Grid.Column="1" />
  </Grid>
</ControlTemplate>

<ItemsControl ... ItemTemplate="{StaticResource ColumnsTemplate}">
  <HeaderedContentControl Header="Value One:">
    <TextBox x:Name="TextBoxOne" />
  </HeaderedContentControl>
  <HeaderedContentControl Header="Value Two:">
    <TextBox x:Name="TextBoxTwo" />
  </HeaderedContentControl>
  ...
</ItemsControl>

这允许轻松地从 ItemsControl 添加/删除项目，或者更好的是，数据绑定。

如果您更喜欢在网格上自动调整大小而不是星形调整大小（3* 和 7*），则可以通过在 ItemsControl 和 上设置 IsSharedSizeScope 来使用共享大小调整范围第一个 ColumnDefinition 上的 >SharedSizeGroup。

另一个选择是 GridView，但我发现它更难以用于此目的。