WPF中如何为动态添加的GridView列绑定不同的Flags数据源

问题背景 #

在自定义WPF UserControl的资源区定义了DataTemplate（键为FlagColumnTemplate），用于渲染标记对应的彩色方块。需要为GridView动态添加列，这些列共用该DataTemplate，但每个列的ItemsSource={Binding Flags}绑定要指向不同的数据源对象。由于无法提前知晓列的数量和类型，无法在XAML中预定义所有列。

当前实现中动态添加列的代码如下：

XAML代码 #

<UserControl.Resources>
    <DataTemplate x:Key="FlagColumnTemplate">
        <ItemsControl ItemsSource="{Binding Flags}">
            <!-- 方块渲染逻辑 -->
        </ItemsControl>
    </DataTemplate>
</UserControl.Resources>

<ListView>
    <ListView.View>
        <GridView x:Name="gridView">
             <GridViewColumn Header="Static Column 1" />
             <!-- 动态列将在后台代码添加 -->
        </GridView>
    </ListView.View>
</ListView>

后台代码 #

var flagDataTemplate = Resources["FlagColumnTemplate"] as DataTemplate;

var newColumn1 = new GridViewColumn() { Header = "Dynamic Column 1", CellTemplate = flagDataTemplate };
var newColumn2 = new GridViewColumn() { Header = "Dynamic Column 2", CellTemplate = flagDataTemplate };

gridView.Columns.Add(newColumn1);
gridView.Columns.Add(newColumn2);

// 需要修改每个列DataTemplate内的"Flags"绑定，使其指向独立数据源

尝试过用MultiBinding和转换器，但由于GridViewColumn不在可视化树中，无法通过RelativeSource获取，导致方案失败；也未找到直接修改DataTemplate内部绑定的方法。

可行解决方案 #

方案1：利用DataTemplate的Tag传递绑定路径，结合RelativeSource绑定 #

修改DataTemplate，将ItemsSource的绑定改为从父级ContentPresenter的Tag属性获取绑定路径，然后在动态创建列时，给CellTemplate的Tag设置对应的属性名。

修改后的XAML资源

<DataTemplate x:Key="FlagColumnTemplate">
    <ItemsControl ItemsSource="{Binding Path=Tag, RelativeSource={RelativeSource AncestorType=ContentPresenter}}">
        <!-- 方块渲染逻辑 -->
    </ItemsControl>
</DataTemplate>

动态创建列的后台代码

var flagDataTemplate = Resources["FlagColumnTemplate"] as DataTemplate;

// 为每个列创建独立的DataTemplate副本（避免Tag属性共享）
var template1 = new DataTemplate();
template1.VisualTree = flagDataTemplate.VisualTree;
template1.Tag = new Binding("Flags1"); // 绑定到ViewModel的Flags1属性
var newColumn1 = new GridViewColumn() { Header = "Dynamic Column 1", CellTemplate = template1 };

var template2 = new DataTemplate();
template2.VisualTree = flagDataTemplate.VisualTree;
template2.Tag = new Binding("Flags2"); // 绑定到ViewModel的Flags2属性
var newColumn2 = new GridViewColumn() { Header = "Dynamic Column 2", CellTemplate = template2 };

gridView.Columns.Add(newColumn1);
gridView.Columns.Add(newColumn2);

方案2：动态克隆DataTemplate并修改内部绑定 #

通过XAML序列化与反序列化克隆原始DataTemplate，再修改其内部ItemsControl的ItemsSource绑定。

后台代码实现

private DataTemplate CreateTemplateWithBinding(string propertyPath)
{
    var originalTemplate = Resources["FlagColumnTemplate"] as DataTemplate;
    // 序列化并克隆DataTemplate
    var xaml = XamlWriter.Save(originalTemplate);
    var clonedTemplate = XamlReader.Parse(xaml) as DataTemplate;

    // 修改内部ItemsControl的绑定
    var itemsControlFactory = clonedTemplate.VisualTree as FrameworkElementFactory;
    if (itemsControlFactory != null && itemsControlFactory.Type == typeof(ItemsControl))
    {
        itemsControlFactory.SetBinding(ItemsControl.ItemsSourceProperty, new Binding(propertyPath));
    }

    return clonedTemplate;
}

// 使用方法
var newColumn1 = new GridViewColumn() 
{ 
    Header = "Dynamic Column 1", 
    CellTemplate = CreateTemplateWithBinding("Flags1") 
};
var newColumn2 = new GridViewColumn() 
{ 
    Header = "Dynamic Column 2", 
    CellTemplate = CreateTemplateWithBinding("Flags2") 
};

gridView.Columns.Add(newColumn1);
gridView.Columns.Add(newColumn2);

方案3：使用自定义绑定代理类 #

创建继承自Freezable的代理类，绕过GridViewColumn不在可视化树的限制，传递绑定数据。

自定义代理类

public class BindingProxy : Freezable
{
    protected override Freezable CreateInstanceCore() => new BindingProxy();

    public object Data
    {
        get => GetValue(DataProperty);
        set => SetValue(DataProperty, value);
    }

    public static readonly DependencyProperty DataProperty =
        DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new PropertyMetadata(null));
}

修改XAML资源

<UserControl.Resources>
    <local:BindingProxy x:Key="ColumnBindingProxy" />
    <DataTemplate x:Key="FlagColumnTemplate">
        <ItemsControl ItemsSource="{Binding Data, Source={StaticResource ColumnBindingProxy}}">
            <!-- 方块渲染逻辑 -->
        </ItemsControl>
    </DataTemplate>
</UserControl.Resources>

动态创建列的后台代码

// 为每个列创建独立的代理副本与模板
var proxy1 = new BindingProxy();
var template1 = new DataTemplate();
template1.VisualTree = (Resources["FlagColumnTemplate"] as DataTemplate).VisualTree;
var itemsControlFactory = template1.VisualTree as FrameworkElementFactory;
itemsControlFactory.SetBinding(ItemsControl.ItemsSourceProperty, new Binding("Data") { Source = proxy1 });

var newColumn1 = new GridViewColumn() { Header = "Dynamic Column 1", CellTemplate = template1 };
proxy1.Data = new Binding("Flags1");

var proxy2 = new BindingProxy();
var template2 = new DataTemplate();
template2.VisualTree = (Resources["FlagColumnTemplate"] as DataTemplate).VisualTree;
itemsControlFactory = template2.VisualTree as FrameworkElementFactory;
itemsControlFactory.SetBinding(ItemsControl.ItemsSourceProperty, new Binding("Data") { Source = proxy2 });

var newColumn2 = new GridViewColumn() { Header = "Dynamic Column 2", CellTemplate = template2 };
proxy2.Data = new Binding("Flags2");

gridView.Columns.Add(newColumn1);
gridView.Columns.Add(newColumn2);

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