绑定网格列宽

Question

我在 XAML 设计中遇到以下问题。

我需要到达最后，像网格一样排列数据，但使用自定义的 DataTemplate。 因此，我创建了一个顶部 Grid，其中包含数据项的两个标题标签。 在 Grid 下面，我构建了一个带有 ItemsControl 的 StackPanel，其中包含显示我的数据的 DataTemplate。一切都很好，当我运行应用程序时，我得到标题标签和下面的数据项，就像网格一样。我的问题是标签和项目内容未正确对齐。因此，我考虑将标题标签列的 Width 绑定到 ItemTemplate 的 ActualWidth，但不幸的是，这不起作用。

有什么干净的方法来实现这一目标吗？
提前致谢 ...

Answer 1

有一种简单的方法可以在网格列中使用 SharedSizeGroup 并为父项分配 Grid.IsSharedSizeScope="True" 来实现此目的。

例如，

    <StackPanel Grid.IsSharedSizeScope="True">
        <Grid Name="Headers">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="A"/>
                <ColumnDefinition SharedSizeGroup="B"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Name"/>
            <TextBlock Grid.Column="1" Text="Occupation"/>
        </Grid>
        <ItemsControl Name="Items" ItemsSource="{Binding Data}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="A"/>
                            <ColumnDefinition SharedSizeGroup="B"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0" Text="{Binding Name}"/>
                        <TextBlock Grid.Column="1" Text="{Binding Occupation}"/>
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>

所有项目在列中都具有相同的宽度，您可能需要手动排列的唯一内容是项目上方的标题部分，具体取决于边距设置等。