如何让WPF多选ComboBox显示所有选中用户名（含中间省略号）？

完全可以实现这个需求，核心思路是让ComboBox收起时的显示区域展示所有勾选用户的格式化文本，下面提供两种可靠的实现方案：

方案一：ViewModel维护计算属性（推荐） #

这种方式逻辑清晰，便于维护，能精准响应每个用户勾选状态的变化。

1. 完善User类（实现属性变更通知） #

确保User类实现INotifyPropertyChanged，这样勾选状态变化时能通知ViewModel更新显示文本：

public class User : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged();
        }
    }

    private bool _isChecked;
    public bool IsChecked
    {
        get => _isChecked;
        set
        {
            _isChecked = value;
            OnPropertyChanged();
        }
    }

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

2. ViewModel中实现文本计算逻辑 #

在ViewModel里添加一个计算属性，监听用户集合和每个用户的勾选状态变化，实时生成格式化文本：

public class MainViewModel : INotifyPropertyChanged
{
    public ObservableCollection<User> Users { get; } = new ObservableCollection<User>();
    
    private string _checkedUsersDisplay;
    public string CheckedUsersDisplay
    {
        get => _checkedUsersDisplay;
        set
        {
            _checkedUsersDisplay = value;
            OnPropertyChanged();
        }
    }

    public MainViewModel()
    {
        // 示例初始化数据
        Users.Add(new User { Name = "Alice", IsChecked = true });
        Users.Add(new User { Name = "Bart", IsChecked = true });
        Users.Add(new User { Name = "Charlie", IsChecked = false });
        Users.Add(new User { Name = "Diana", IsChecked = true });
        Users.Add(new User { Name = "John", IsChecked = true });

        // 监听集合变化和用户属性变化
        Users.CollectionChanged += Users_CollectionChanged;
        foreach (var user in Users)
        {
            user.PropertyChanged += User_PropertyChanged;
        }
        
        UpdateCheckedUsersDisplay();
    }

    private void Users_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        if (e.NewItems != null)
            foreach (User user in e.NewItems)
                user.PropertyChanged += User_PropertyChanged;
        
        if (e.OldItems != null)
            foreach (User user in e.OldItems)
                user.PropertyChanged -= User_PropertyChanged;
        
        UpdateCheckedUsersDisplay();
    }

    private void User_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        if (e.PropertyName == nameof(User.IsChecked))
            UpdateCheckedUsersDisplay();
    }

    private void UpdateCheckedUsersDisplay()
    {
        var checkedUsers = Users.Where(u => u.IsChecked).ToList();
        if (!checkedUsers.Any())
        {
            CheckedUsersDisplay = "未选择用户";
            return;
        }

        var fullText = string.Join(", ", checkedUsers.Select(u => u.Name));
        const int maxLength = 25; // 自定义最大显示长度
        if (fullText.Length <= maxLength)
        {
            CheckedUsersDisplay = fullText;
            return;
        }

        // 生成中间带省略号的截断文本
        var prefixLength = maxLength / 2 - 2;
        var suffixStartIndex = fullText.Length - (maxLength - prefixLength - 3);
        CheckedUsersDisplay = $"{fullText.Substring(0, prefixLength)}...{fullText.Substring(suffixStartIndex)}";
    }

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

3. XAML绑定配置 #

将ComboBox的Text属性绑定到ViewModel的计算属性，同时设置为可编辑但只读状态：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApp"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <Grid>
        <ComboBox Width="200" Margin="20"
                  ItemsSource="{Binding Users}"
                  Text="{Binding CheckedUsersDisplay}"
                  IsEditable="True"
                  IsReadOnly="True">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <CheckBox IsChecked="{Binding IsChecked}" Width="20" />
                        <TextBlock Text="{Binding Name}" Margin="5,0,0,0"/>
                    </StackPanel>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </Grid>
</Window>

方案二：使用IValueConverter #

如果不想在ViewModel中添加额外逻辑，可以用转换器直接将用户集合转换为目标文本，但需要注意元素属性变化的触发问题。

1. 实现转换器 #

public class CheckedUsersToDisplayTextConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is not ObservableCollection<User> users)
            return "未选择用户";

        var checkedUsers = users.Where(u => u.IsChecked).ToList();
        if (!checkedUsers.Any())
            return "未选择用户";

        var fullText = string.Join(", ", checkedUsers.Select(u => u.Name));
        var maxLength = parameter is int length ? length : 25;

        if (fullText.Length <= maxLength)
            return fullText;

        var prefixLength = maxLength / 2 - 2;
        var suffixStartIndex = fullText.Length - (maxLength - prefixLength - 3);
        return $"{fullText.Substring(0, prefixLength)}...{fullText.Substring(suffixStartIndex)}";
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. XAML中使用转换器 #

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApp"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:CheckedUsersToDisplayTextConverter x:Key="CheckedUsersConverter" />
    </Window.Resources>
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <Grid>
        <ComboBox Width="200" Margin="20"
                  ItemsSource="{Binding Users}"
                  Text="{Binding Users, Converter={StaticResource CheckedUsersConverter}, ConverterParameter=25}"
                  IsEditable="True"
                  IsReadOnly="True">
            <ComboBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <CheckBox IsChecked="{Binding IsChecked}" Width="20" />
                        <TextBlock Text="{Binding Name}" Margin="5,0,0,0"/>
                    </StackPanel>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </Grid>
</Window>

注意：转换器方案默认只会在集合本身变化时更新文本，若要响应单个用户勾选状态变化，需要额外添加属性监听逻辑，因此更推荐方案一。

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