WPF Grid.IsSharedSizeScope между двумя родительскими элементами управления?

Question

У меня есть ситуации, когда мне нужно разделить ширину столбца между сетками в двух групповых боксах XAML выглядит примерно так:

<GroupBox Header="Box A"> 
     <StackPanel Orientation="Horizontal"> 
      <!-- Labels --> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition SharedSizeGroup="Labels"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition SharedSizeGroup="Rows"></RowDefinition> 
       </Grid.RowDefinitions> 

       <Label Grid.Column="0" Grid.Row="0">Label A</Label> 
      </Grid> 

      <!-- Fields --> 
      <ItemsControl Grid.IsSharedSizeScope="True" ItemsSource="{Binding Items}"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <StackPanel Orientation="Horizontal"></StackPanel> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <Grid> 
          <Grid.RowDefinitions> 
           <RowDefinition SharedSizeGroup="Rows"></RowDefinition> 
          </Grid.RowDefinitions> 

          <TextBox Text="{Binding PropertyA}"></TextBox> 
         </Grid> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </StackPanel> 
    </GroupBox> 

    <GroupBox Header="Box B"> 
     <StackPanel Orientation="Horizontal"> 
      <!-- Labels --> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition SharedSizeGroup="Labels"></ColumnDefinition> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition SharedSizeGroup="Rows"></RowDefinition> 
       </Grid.RowDefinitions> 

       <Label Grid.Column="0" Grid.Row="0">Label B</Label> 
      </Grid> 

      <!-- Fields --> 
      <ItemsControl Grid.IsSharedSizeScope="True" ItemsSource="{Binding Items}"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <StackPanel Orientation="Horizontal"></StackPanel> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <Grid> 
          <Grid.RowDefinitions> 
           <RowDefinition SharedSizeGroup="Rows"></RowDefinition> 
          </Grid.RowDefinitions> 

          <TextBox Text="{Binding PropertyB}"></TextBox> 
         </Grid> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </StackPanel> 
    </GroupBox> 

Я попытался установить Grid.IsSharedSizeScope истину как на StackPanel и GroupBox, содержащий дочерние решетки, но это не сработало. Мне было интересно, какой подход я должен предпринять в этой ситуации, чтобы разделить размер между определениями столбцов Grid с SharedSizeGroup из «Ярлыки»?

Спасибо,

Alex.

Answer 1

Окружайте свои две GroupBox с Grid и установите Grid.IsSharedSizeScope.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:sys="clr-namespace:System;assembly=mscorlib" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid Grid.IsSharedSizeScope="True"> 
    <Grid.Resources> 
     <x:Array x:Key="xItems" Type="sys:String"> 
     <sys:String>Hello</sys:String> 
     <sys:String>World ddd</sys:String> 
     </x:Array> 
     <x:Array x:Key="xItems2" Type="sys:String"> 
     <sys:String>Hello long fsdfhuzweb kbhui</sys:String> 
     <sys:String>World</sys:String> 
     </x:Array> 
    </Grid.Resources> 

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

    <GroupBox Grid.Column="0" Header="Box A"> 
     <StackPanel Orientation="Horizontal"> 
     <!-- Labels --> 
     <Grid> 
      <Grid.ColumnDefinitions> 
      <ColumnDefinition SharedSizeGroup="Labels" /> 
      </Grid.ColumnDefinitions> 
      <Label Grid.Column="0" Grid.Row="0">Label A</Label> 
     </Grid> 
     <!-- Fields --> 
     <ItemsControl ItemsSource="{Binding Source={StaticResource xItems}}"> 
      <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal" /> 
      </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition SharedSizeGroup="Fields" /> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition SharedSizeGroup="Rows" /> 
       </Grid.RowDefinitions> 
       <TextBox Text="{Binding Mode=OneWay}" /> 
       </Grid> 
      </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
     </StackPanel> 
    </GroupBox> 

    <GroupBox Grid.Column="1" Header="Box B"> 
     <StackPanel Orientation="Horizontal"> 
     <!-- Labels --> 
     <Grid> 
      <Grid.ColumnDefinitions> 
      <ColumnDefinition SharedSizeGroup="Labels" /> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
      <RowDefinition SharedSizeGroup="Rows" /> 
      </Grid.RowDefinitions> 
      <Label Grid.Column="0" Grid.Row="0">Label B long</Label> 
     </Grid> 
     <!-- Fields --> 
     <ItemsControl ItemsSource="{Binding Source={StaticResource xItems2}}"> 
      <ItemsControl.ItemsPanel> 
      <ItemsPanelTemplate> 
       <StackPanel Orientation="Horizontal" /> 
      </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition SharedSizeGroup="Fields" /> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition SharedSizeGroup="Rows" /> 
       </Grid.RowDefinitions> 
       <TextBox Text="{Binding Mode=OneWay}" /> 
       </Grid> 
      </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
     </StackPanel> 
    </GroupBox> 
    </Grid> 
</Page> 

Надеется, что это помогает.