WPF 绑定 Grid 上的 SharedSizeGroup 不起作用

Question

我正在开发一个 WPF 应用程序来练习 MVVM。我需要有 4 个网格，所有网格都只有两列 - 一列用于“显示”控件（带有字段名称的 TextBlock/RadioButton），另一列用于“值”控件（表示字段值所需的任何控件） ）。

另一个用户控件中的每个网格，我需要使它们的所有第一列保持同步，因此“值”控件将在屏幕上延伸，而共享大小的“显示”控件将具有不改变的自动宽度。

如果我使用常量名称设置 SharedSizeColumn，则所有网格都处于完美且美观的同步状态，但我需要通过与视图模型绑定来设置 SharedSizeColumn，因为包含这些网格的某些用户控件在选项卡式视图模型之间共享以供重用，跨选项卡/视图模型我不希望网格同步。 当我使用绑定设置 SharedSizeGroup 时，所有网格中的 2 列就像根本没有设置 SharedSizeGroup 一样，我什至尝试使用 BindingOperations 通过代码设置绑定，但仍然没有运气。

知道如何成功绑定 SharedSizeGroup，或者防止 SharedSizeGroup 在重用相同用户控件的选项卡之间共享的其他解决方案吗？

Answer 1

以下是使用 SharedSizeGroup 进行数据绑定的完整工作示例。

标记：

<Grid>
    <StackPanel Grid.IsSharedSizeScope="True" Margin="20">
        <Grid HorizontalAlignment="Left">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="{Binding ColumnA}"/>
                <ColumnDefinition SharedSizeGroup="{Binding ColumnB}"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="aa" Grid.Column="0" Foreground="Red"/>
            <TextBlock Text="bbbbbbbb" Grid.Column="1" Foreground="Blue"/>
        </Grid>
        <Grid HorizontalAlignment="Left">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="{Binding ColumnC}"/>
                <ColumnDefinition SharedSizeGroup="{Binding ColumnD}"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="cccccccc" Grid.Column="0" Foreground="Red"/>
            <TextBlock Text="dd" Grid.Column="1" Foreground="Blue"/>
        </Grid>
    </StackPanel>
</Grid>

和代码隐藏：

void Window_Loaded(object sender, RoutedEventArgs e)
{
    DataContext = new SharedSizeGroupViewModel
    {
        ColumnA = "group1",
        ColumnB = "group2",
        ColumnC = "group1",
        ColumnD = "group2",
    };
}

以及原始视图模型：

public class SharedSizeGroupViewModel
{
    public string ColumnA { get; set; }
    public string ColumnB { get; set; }
    public string ColumnC { get; set; }
    public string ColumnD { get; set; }
}

这就是它的样子：

它显示了红色和蓝色的柱子排列在一起。