我需要在 ui 中显示对象的详细信息。我有以下代码,它定义了一个类的数据模板Category
。我正在尝试获得一个布局,其中成对的成员名称和值将垂直堆叠。但是我希望成员名称具有相同的宽度和相同的值。我应该怎么做才能得到这个布局?
<DataTemplate DataType="{x:Type local:Category}">
<Grid HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="4*" SharedSizeGroup="a" />
<ColumnDefinition Width="6*" SharedSizeGroup="b" />
</Grid.ColumnDefinitions>
<StackPanel>
<StackPanel HorizontalAlignment="Stretch" Orientation="Horizontal" Grid.ColumnSpan="2">
<TextBlock Text="Id" Grid.Column="0" Grid.IsSharedSizeScope="True" />
<TextBlock Text="{Binding Path=Id}" Grid.Column="1"/>
</StackPanel>
<StackPanel HorizontalAlignment="Stretch" Orientation="Horizontal" Grid.ColumnSpan="2">
<TextBlock Text="Name" Grid.Column="0" Grid.IsSharedSizeScope="True" />
<TextBlock Text="{Binding Path=Name}" Grid.Column="1"/>
</StackPanel>
</StackPanel>
</Grid>
</DataTemplate>