如何让父Grid与子UserControl内的Grid共享ColumnDefinitions？

方法1：直接绑定父Grid的ColumnDefinitions（纯XAML） #

这是最直接的实现方式，在子UserControl的Grid里通过RelativeSource绑定到父级Grid的ColumnDefinitions属性，能自动同步列的大小和调整变化：

子UserControl的XAML修改如下：

<Grid ColumnDefinitions="{Binding RelativeSource={RelativeSource AncestorType={x:Type Grid}}, Path=ColumnDefinitions}">
  <Label x:Name="caption" Grid.Column="0"/>
  <TextBox x:Name="value" Grid.Column="1"/>
  <Button x:Name="button" Grid.Column="2"/>
</Grid>

注意要给子控件内的元素加上Grid.Column指定列位置，否则会默认挤在第0列。

方法2：把ColumnDefinitions定义为共享资源 #

如果需要多个Grid（包括父Grid和子Grid）复用同一套列定义，可以把列集合放到资源字典中，所有Grid直接引用：

1. 在父级窗口/页面的资源中定义列集合：

<Window.Resources>
  <ColumnDefinitionCollection x:Key="SharedColumns">
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="*"/>
    <ColumnDefinition Width="Auto"/>
  </ColumnDefinitionCollection>
</Window.Resources>

2. 父Grid引用该资源：

<Grid ColumnDefinitions="{StaticResource SharedColumns}">
  <controls:GridEntry />
  <controls:GridEntry />
  <controls:GridEntry />
</Grid>

3. 子UserControl的Grid也引用同一资源：

<Grid ColumnDefinitions="{StaticResource SharedColumns}">
  <Label x:Name="caption" Grid.Column="0"/>
  <TextBox x:Name="value" Grid.Column="1"/>
  <Button x:Name="button" Grid.Column="2"/>
</Grid>

这种方式的优势是列定义只需要编写一次，修改时所有引用的地方都会同步更新。

方法3：给UserControl添加依赖属性（灵活适配场景） #

如果你的GridEntry控件需要适配不同的父Grid列定义，可以给它添加一个依赖属性，让父级可以主动传递列集合：

1. 在UserControl的后台代码中定义依赖属性：

public static readonly DependencyProperty ColumnDefinitionsProperty =
    DependencyProperty.Register("ColumnDefinitions", typeof(ColumnDefinitionCollection), typeof(GridEntry));

public ColumnDefinitionCollection ColumnDefinitions
{
    get => (ColumnDefinitionCollection)GetValue(ColumnDefinitionsProperty);
    set => SetValue(ColumnDefinitionsProperty, value);
}

2. 子UserControl的Grid绑定这个依赖属性：

<Grid ColumnDefinitions="{Binding ColumnDefinitions, RelativeSource={RelativeSource Mode=Self}}">
  <Label x:Name="caption" Grid.Column="0"/>
  <TextBox x:Name="value" Grid.Column="1"/>
  <Button x:Name="button" Grid.Column="2"/>
</Grid>

3. 父Grid中给子控件赋值（或绑定）：

<Grid x:Name="ParentGrid">
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="*"/>
    <ColumnDefinition Width="Auto"/>
  </Grid.ColumnDefinitions>
  <controls:GridEntry ColumnDefinitions="{Binding ElementName=ParentGrid, Path=ColumnDefinitions}"/>
  <controls:GridEntry ColumnDefinitions="{Binding ElementName=ParentGrid, Path=ColumnDefinitions}"/>
</Grid>

这种方式适合控件需要更灵活适配的场景，比如有时用父Grid的列、有时用自定义列。

内容的提问来源于stack exchange，提问作者invi2k