WPF 多值绑定（MultiBinding）详解

1. 是什么？

MultiBinding = 把多个值绑定到一个属性上例如：

• 姓名 + 年龄 → 显示为 “张三 (20 岁)”
• 用户名 + 密码 → 同时判断登录按钮是否可用
• 宽度 + 高度 → 计算控件大小

2. 核心：IMultiValueConverter

多值转换器，把多个值合成一个值给 UI。

3. 示例 1：多文本拼接（姓名 + 年龄）

步骤 1：创建多值转换器

using System; using System.Globalization; using System.Windows.Data; public class StringJoinConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) { // values[0] = 姓名，values[1] = 年龄 if (values[0] == null || values[1] == null) return ""; return $"{values[0]} ({values[1]} 岁)"; } // 一般不用 public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) { throw new NotImplementedException(); } }

步骤 2：UI 绑定（MultiBinding）

xml

<TextBlock> <TextBlock.Text> <MultiBinding Converter="{StaticResource StringJoinConverter}"> <Binding Path="UserName" /> <!-- 第1个值 --> <Binding Path="Age" /> <!-- 第2个值 --> </MultiBinding> </TextBlock.Text> </TextBlock>

步骤 3：注册转换器

xml

<Window.Resources> <local:StringJoinConverter x:Key="StringJoinConverter"/> </Window.Resources>

4. 示例 2：多条件判断（用户名 + 密码都不为空才启用按钮）

转换器：

public class LoginEnableConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) { if (values[0] is string user && !string.IsNullOrWhiteSpace(user) && values[1] is string pwd && !string.IsNullOrWhiteSpace(pwd)) { return true; } return false; } public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) { throw new NotImplementedException(); } }

UI 使用：

xml

<Button Content="登录"> <Button.IsEnabled> <MultiBinding Converter="{StaticResource LoginEnableConverter}"> <Binding Path="UserName" /> <Binding Path="Password" /> </MultiBinding> </Button.IsEnabled> </Button>

效果：用户名、密码都输入内容，按钮才可以点击。

三、超级完整版 Demo（可直接复制运行）

ViewModel

public class MainViewModel : ViewModelBase { // ==== 数据绑定 ==== private string _userName; public string UserName { get => _userName; set => SetProperty(ref _userName, value); } private int _age; public int Age { get => _age; set => SetProperty(ref _age, value); } // ==== 命令绑定 ==== public ICommand ShowInfoCommand { get; set; } public MainViewModel() { ShowInfoCommand = new RelayCommand(() => { MessageBox.Show($"姓名：{UserName}\n年龄：{Age}"); }); } }

UI

xml

<StackPanel Margin="20"> <TextBox Text="{Binding UserName, UpdateSourceTrigger=PropertyChanged}" Placeholder="姓名"/> <TextBox Text="{Binding Age}" Margin="0 5" Placeholder="年龄"/> <!-- 多值绑定 --> <TextBlock FontSize="18" Margin="0 10"> <TextBlock.Text> <MultiBinding Converter="{StaticResource StringJoinConverter}"> <Binding Path="UserName" /> <Binding Path="Age" /> </MultiBinding> </TextBlock.Text> </TextBlock> <!-- 命令绑定 --> <Button Content="显示信息" Command="{Binding ShowInfoCommand}" /> </StackPanel>

四、核心总结

多值绑定（MultiBinding）

1. 一个属性绑定多个数据源
2. 必须配合IMultiValueConverter
3. 常用场景：文本拼接、多条件判断、组合数据
4. 语法结构固定：

   xml

   <MultiBinding Converter="..."> <Binding Path="..." /> <Binding Path="..." /> </MultiBinding>