WPF 中网格的隐式 RowDefinition

Question

在 XAMl 中设计网格时，我们必须明确告知网格中将有多少行。

假设我们正在制作一个表单类型的应用程序。用户需要在其中填写其信息。有一个标签，然后有一个文本框。这会重复大约 10 次。

<Label Content="Name" />
<TextBox Text={Binding SomethingText"} />

现在这又要重演了。现在我在这里定义一个网格。

1  <Grid>
2      <Grid.ColumnDefinitions>
3          <ColumnDefinition Width="60" />
4          <ColumnDefinition Width="*" />
5      </Grid.ColumnDefinitions>
6      <Grid.RowDefinitions>
7          <RowDefinition Height="Auto" />
8          <RowDefinition Height="Auto" />
9      </Grid.RowDefinitions>

10     <Label Grid.Row="0" Grid.Column="0" Content="Name" />
11     <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding SomethingText}" />

12     <Label Grid.Row="1" Grid.Column="0" Content="Address" />
13     <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding SomeText}" />
14  </Grid>

现在，如果我决定在网格中添加另一行。更改 Grid.Row="2" 将不起作用。它将与 Row1 重叠。为了做到这一点，我需要在 Grid.RowDefinitions 中添加一个 RowDefinition。所以每次我都需要添加RowDefinition。

现在我的问题是，无论如何我都不需要明确告诉 RowDefinitions。WPF 自动使用最后一个 RowDefinition（第 8 行）。

所以我想要这样的输出。没有额外的 RowDefinitions。是否可以？

1  <Grid>
2      <Grid.ColumnDefinitions>
3          <ColumnDefinition Width="60" />
4          <ColumnDefinition Width="*" />
5      </Grid.ColumnDefinitions>
6      <Grid.RowDefinitions>
7          <RowDefinition Height="Auto" />
8          
9      </Grid.RowDefinitions>

10     <Label Grid.Row="0" Grid.Column="0" Content="Name" />
11     <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding SomethingText}" />

12     <Label Grid.Row="1" Grid.Column="0" Content="Address" />
13     <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding SomeText}" />

14     <Label Grid.Row="2" Grid.Column="0" Content="Address" />
15     <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding SomeText}" />

16     <Label Grid.Row="3" Grid.Column="0" Content="Address" />
17     <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding SomeText}" />
14  </Grid>

Answer 1

创建一个替代并在 a或UserControl中重复它：StackPanelDockpanel

<UserControl ...>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="60" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <Label x:Name="label" Grid.Row="0" Grid.Column="0"/>
        <TextBox x:Name="textBox" Grid.Row="0" Grid.Column="1"/>
    </Grid>
</UserControl>

然后在您看来，要么使用DockPanel：

<DockPanel>
    <c:YourUserControl DockPanel.Dock="Top" Label="Name" Value="{Binding SomethingText}"/>
    <c:YourUserControl DockPanel.Dock="Top" Label="Address" Value="{Binding SomeText}"/>
</DockPanel>

或者一个StackPanel：

<StackPanel>
    <c:YourUserControl Label="Name" Value="{Binding SomethingText}"/>
    <c:YourUserControl Label="Address" Value="{Binding SomeText}"/>
</StackPanel>