WPF中如何将动态添加的控件绑定到运行时新增的属性？

要实现动态控件与集合元素的双向同步绑定，核心是使用支持变更通知的集合和包装类型，避免直接绑定值类型的string（无法触发属性更新），同时在创建控件时直接完成绑定配置，不需要事后通过名称/Tag查找控件。

步骤1：定义支持属性变更通知的字符串包装类 #

因为string是值类型，直接绑定无法触发UI更新，所以需要一个包装类实现INotifyPropertyChanged接口：

using System.ComponentModel;

namespace SO_Binding
{
    public class StringWrapper : INotifyPropertyChanged
    {
        private string _text;
        public string Text
        {
            get => _text;
            set
            {
                if (_text != value)
                {
                    _text = value;
                    OnPropertyChanged(nameof(Text));
                }
            }
        }

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

步骤2：替换List为ObservableCollection并实现动态绑定 #

List<string>不支持集合变更通知，改用ObservableCollection<StringWrapper>，确保集合元素增减时UI能同步；同时在创建控件时直接绑定到对应的数据项：

using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Data;

namespace SO_Binding
{
    public partial class MainWindow : Window
    {
        // 替换List为支持变更通知的ObservableCollection
        private ObservableCollection<StringWrapper> _ourCollection = new ObservableCollection<StringWrapper>();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void txt_numboxes_KeyDown(object sender, KeyEventArgs e)
        {
            if (e.Key != Key.Enter || !int.TryParse(txt_numboxes.Text, out int count) || count <= 0)
                return;

            // 清空集合和面板
            _ourCollection.Clear();
            spanel.Children.Clear();

            // 循环创建数据项、TextBox并完成绑定
            for (int i = 0; i < count; i++)
            {
                var wrapper = new StringWrapper();
                _ourCollection.Add(wrapper);

                var textBox = new TextBox
                {
                    Margin = new Thickness(0, 5, 0, 0),
                    Width = 200
                };
                // 配置TextBox的双向绑定：输入时立即更新数据源
                Binding textBinding = new Binding(nameof(StringWrapper.Text))
                {
                    Source = wrapper,
                    Mode = BindingMode.TwoWay,
                    UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged
                };
                textBox.SetBinding(TextBox.TextProperty, textBinding);
                spanel.Children.Add(textBox);
            }

            // 添加分隔线
            spanel.Children.Add(new Separator { Margin = new Thickness(0, 10, 0, 10) });

            // 循环创建TextBlock并绑定到对应数据项
            for (int i = 0; i < count; i++)
            {
                var textBlock = new TextBlock
                {
                    Margin = new Thickness(0, 5, 0, 0),
                    FontSize = 14,
                    FontWeight = FontWeights.Bold
                };
                // 配置TextBlock的单向绑定：仅显示数据源变化
                Binding blockBinding = new Binding(nameof(StringWrapper.Text))
                {
                    Source = _ourCollection[i],
                    Mode = BindingMode.OneWay
                };
                textBlock.SetBinding(TextBlock.TextProperty, blockBinding);
                spanel.Children.Add(textBlock);
            }
        }
    }
}

关键说明 #

• StringWrapper的作用：将值类型string包装为引用类型，通过INotifyPropertyChanged触发属性变更通知，确保TextBox输入时TextBlock能实时同步。
• ObservableCollection：替代普通List，支持集合元素的增减通知（如果后续需要动态增减控件，这个集合能自动同步UI）。
• 直接绑定创建：在创建控件时就绑定到对应的StringWrapper实例，不需要事后通过控件索引或Tag匹配，逻辑更清晰，避免匹配错误。
• 绑定模式设置：TextBox用TwoWay双向绑定，输入时立即更新数据源；TextBlock用OneWay单向绑定，仅显示数据源变化。

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