如何拆分像網格一樣的堆棧面板

Question

我需要在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> 

Answer 1

我想你可以將網格劃分爲兩行並且不使用StackPanels？