如何将Dictionary<string, int>绑定到WPF控件并支持用户编辑值

完全可以实现，核心是将Dictionary<string, int>转换为WPF绑定兼容的可观察集合，再通过ItemsControl自定义项模板来实现你要的简洁布局。

1. 创建数据模型类 #

因为KeyValuePair是值类型且不支持属性变更通知，我们需要封装一个支持INotifyPropertyChanged的模型类，用于绑定UI：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class SettingItem : INotifyPropertyChanged
{
    private int _value;

    // 键设为只读，用户无需编辑
    public string Key { get; }

    public int Value
    {
        get => _value;
        set
        {
            if (_value != value)
            {
                _value = value;
                OnPropertyChanged();
            }
        }
    }

    public SettingItem(string key, int defaultValue)
    {
        Key = key;
        _value = defaultValue;
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

2. 转换Dictionary为ObservableCollection #

在ViewModel或窗口后台代码中，将原Dictionary转换为ObservableCollection<SettingItem>（这个集合支持集合变更通知，新增/删除项时UI会自动更新）：

using System.Collections.ObjectModel;
using System.Linq;
using System.Windows;

public partial class MainWindow : Window
{
    public ObservableCollection<SettingItem> SettingItems { get; }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;

        // 模拟你的原始Dictionary
        var originalDict = new Dictionary<string, int>
        {
            {"音量", 50},
            {"亮度", 80},
            {"对比度", 70}
        };

        // 转换为ObservableCollection
        SettingItems = new ObservableCollection<SettingItem>(
            originalDict.Select(kv => new SettingItem(kv.Key, kv.Value))
        );
    }

    // 可选：将修改后的集合转回Dictionary
    private Dictionary<string, int> GetUpdatedDictionary()
    {
        return SettingItems.ToDictionary(item => item.Key, item => item.Value);
    }
}

3. XAML布局实现 #

用ItemsControl作为容器，自定义ItemTemplate来实现每行的Label+TextBox布局：

<Window x:Class="WpfDictEdit.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="字典值编辑" Height="300" Width="300">
    <Grid Margin="10">
        <ItemsControl ItemsSource="{Binding SettingItems}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal" Margin="0,5,0,0">
                        <!-- 显示键的Label -->
                        <Label Content="{Binding Key}" Width="80" VerticalAlignment="Center"/>
                        <!-- 编辑值的TextBox，双向绑定并实时更新 -->
                        <TextBox Text="{Binding Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
                                 Width="100" Margin="10,0,0,0"/>
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</Window>

关键细节说明 #

• ItemsControl是最轻量的列表容器，比DataGrid简洁，完全符合你的需求；
• UpdateSourceTrigger=PropertyChanged确保用户输入时实时更新数据模型，若要失去焦点再更新可改为LostFocus；
• 如果后续需要动态添加键，直接向SettingItems集合中添加新的SettingItem实例即可，UI会自动渲染新行；
• 若需要验证输入（比如确保是整数），可以给TextBox添加ValidationRule或者在SettingItem的Value属性setter中做校验。

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