WPF如何实现对运行时才确定数量的对象进行Binding绑定

这个需求完全可以实现，是WPF数据驱动UI设计的核心基础能力，属于日常开发中的常规实现方案，并不触及Binding的能力边界。

核心实现思路 #

你不需要手动在后台代码创建UI元素，只需要通过以下三个核心组件的配合就能实现完全的动态绑定：

• 用ObservableCollection<T>作为绑定源集合：该集合原生实现了INotifyCollectionChanged接口，运行时对集合的增删改操作会自动通知UI同步更新，不需要手动操作UI控件实例
• 用ItemsControl作为UI容器：该控件专门用于展示动态集合，将其ItemsSource属性绑定到上述集合即可自动生成对应数量的子元素
• 用DataTemplate定义子元素样式：在模板中可以绑定任意属性，包括控件的普通属性、Grid的行列附加属性等，和静态XAML的绑定规则完全一致

代码示例 #

1. 数据层实现 #

首先定义数据项类，实现INotifyPropertyChanged接口支持属性变更通知：

public class TextDisplayItem : INotifyPropertyChanged
{
    private string _displayText;
    public string DisplayText
    {
        get => _displayText;
        set 
        { 
            _displayText = value; 
            OnPropertyChanged(); 
        }
    }

    private int _gridRow;
    public int GridRow
    {
        get => _gridRow;
        set 
        { 
            _gridRow = value; 
            OnPropertyChanged(); 
        }
    }

    private int _gridColumn;
    public int GridColumn
    {
        get => _gridColumn;
        set 
        { 
            _gridColumn = value; 
            OnPropertyChanged(); 
        }
    }

    // 需要绑定的其他属性都可以按相同格式添加，比如字体大小、颜色等

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

在你的ViewModel中声明绑定用的集合：

// 初始化集合，运行时可以任意增删元素
public ObservableCollection<TextDisplayItem> DynamicTextItems { get; set; } = new ObservableCollection<TextDisplayItem>();

2. XAML层实现 #

<ItemsControl ItemsSource="{Binding DynamicTextItems}">
    <!-- 自定义布局面板，这里用Grid适配你原来的布局需求，也可以替换为StackPanel、WrapPanel、UniformGrid等任意布局控件 -->
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid>
                <!-- 若行列数量也需要运行时动态生成，可以在后台代码给这个Grid动态添加RowDefinition、ColumnDefinition -->
            </Grid>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <!-- 定义每个数据项对应的UI模板 -->
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock 
                Text="{Binding DisplayText}"
                Grid.Row="{Binding GridRow}"
                Grid.Column="{Binding GridColumn}"
                <!-- 其他需要绑定的属性都可以在此处添加 -->
            />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

扩展说明 #

如果运行时需要动态切换子元素的类型（比如有时候显示TextBlock、有时候显示Button），还可以使用DataTemplateSelector，根据数据项的属性值返回不同的UI模板，完全适配更复杂的动态场景。 #

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