绑定网格列宽

Question

我在 XAML 的设计中面临以下问题。

我需要到达最后才能像网格一样排列我的数据，但要使用自定义 DataTemplate。 所以我创建了一个顶部Grid，其中包含数据项的两个标题标签。 在Grid 下方，我构建了一个带有ItemsControl 的StackPanel，其中包括显示我的数据的DataTemplate。一切都很好，当我运行应用程序时，我得到了标题标签和下面的数据项，就像一个网格。我的问题是标签和项目的内容没有正确对齐。于是想到了将header label列的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>

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