如何通过设置列表项属性实现数据绑定ListView项的显示/隐藏

嘿，我明白你这个困扰——ListView里的每个自定义控件都有自己独立的ViewModel，现在想通过控件里的操作直接控制对应列表项的显示隐藏对吧？这在WPF里其实有几种很实用的实现方式，我给你拆解一下：

方案一：直接在项ViewModel中绑定可见性属性（最简单直接） #

这个思路核心是给每个列表项的ViewModel加一个IsVisible属性，绑定到ListViewItem的Visibility，然后自定义控件里的操作触发这个属性的变更。

步骤1：给项ViewModel添加可见性属性和命令 #

public class CustomItemViewModel : INotifyPropertyChanged
{
    // 控制项可见性的属性
    private Visibility _itemVisibility = Visibility.Visible;
    public Visibility ItemVisibility
    {
        get => _itemVisibility;
        set
        {
            _itemVisibility = value;
            OnPropertyChanged(nameof(ItemVisibility));
        }
    }

    // 自定义控件中按钮绑定的命令
    public ICommand ToggleItemVisibilityCommand { get; }

    public CustomItemViewModel()
    {
        ToggleItemVisibilityCommand = new RelayCommand(() =>
        {
            // 切换可见性状态
            ItemVisibility = ItemVisibility == Visibility.Visible 
                ? Visibility.Collapsed 
                : Visibility.Visible;
        });
    }

    // 实现INotifyPropertyChanged接口（必须，否则绑定不更新）
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

注：这里的RelayCommand是WPF常用的命令实现，你可以自己写一个或者用Prism/MvvmLight等框架里的现成实现

步骤2：ListView中绑定ItemContainer的Visibility #

在ListView的ItemContainerStyle里把Visibility绑定到项ViewModel的ItemVisibility属性：

<ListView ItemsSource="{Binding YourItemCollection}">
    <!-- 绑定列表项的可见性 -->
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="Visibility" Value="{Binding ItemVisibility}" />
        </Style>
    </ListView.ItemContainerStyle>

    <!-- 自定义控件作为数据模板 -->
    <ListView.ItemTemplate>
        <DataTemplate>
            <local:CustomUserControl DataContext="{Binding}" />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

步骤3：自定义控件中绑定命令 #

在你的CustomUserControl里，把控制显示隐藏的元素（比如按钮）绑定到项ViewModel的命令：

<UserControl x:Class="YourAppNamespace.CustomUserControl">
    <StackPanel>
        <TextBlock Text="{Binding YourTextProperty}" />
        <!-- 点击这个按钮切换当前列表项的显示隐藏 -->
        <Button Content="隐藏/显示项" 
                Command="{Binding ToggleItemVisibilityCommand}" />
    </StackPanel>
</UserControl>

这个方案的优点是逻辑直接，代码量少，适合不需要额外解耦的场景——毕竟每个项的VM本来就管自己的逻辑，控制自身可见性很合理。

方案二：用消息传递实现解耦（适合复杂场景） #

如果你的列表ViewModel和项ViewModel需要完全解耦，或者需要在列表层面统一处理可见性逻辑，可以用消息传递的方式。比如自己实现一个简单的消息总线，或者用Prism的EventAggregator这类框架工具。

步骤1：定义消息类 #

// 定义一个消息类，用来传递需要切换可见性的项信息
public class ToggleItemVisibilityMessage
{
    public CustomItemViewModel TargetItem { get; set; }
}

步骤2：实现简单的消息总线 #

public class MessageBus
{
    private readonly Dictionary<Type, List<Action<object>>> _subscribers = new();

    // 订阅消息
    public void Subscribe<T>(Action<T> handler)
    {
        var messageType = typeof(T);
        if (!_subscribers.ContainsKey(messageType))
        {
            _subscribers[messageType] = new List<Action<object>>();
        }
        _subscribers[messageType].Add(obj => handler((T)obj));
    }

    // 发送消息
    public void Send<T>(T message)
    {
        var messageType = typeof(T);
        if (_subscribers.TryGetValue(messageType, out var handlers))
        {
            foreach (var handler in handlers)
            {
                handler(message);
            }
        }
    }
}

步骤3：列表ViewModel订阅消息 #

public class ListViewModel
{
    private readonly MessageBus _messageBus;
    public ObservableCollection<CustomItemViewModel> ItemCollection { get; }

    public ListViewModel(MessageBus messageBus)
    {
        _messageBus = messageBus;
        ItemCollection = new ObservableCollection<CustomItemViewModel>();
        // 订阅切换可见性的消息
        _messageBus.Subscribe<ToggleItemVisibilityMessage>(HandleToggleVisibility);
    }

    private void HandleToggleVisibility(ToggleItemVisibilityMessage message)
    {
        var targetItem = message.TargetItem;
        // 切换目标项的可见性
        targetItem.ItemVisibility = targetItem.ItemVisibility == Visibility.Visible 
            ? Visibility.Collapsed 
            : Visibility.Visible;
    }
}

步骤4：项ViewModel发送消息 #

public class CustomItemViewModel : INotifyPropertyChanged
{
    private readonly MessageBus _messageBus;
    private Visibility _itemVisibility = Visibility.Visible;
    public Visibility ItemVisibility
    {
        get => _itemVisibility;
        set
        {
            _itemVisibility = value;
            OnPropertyChanged(nameof(ItemVisibility));
        }
    }

    public ICommand ToggleItemVisibilityCommand { get; }

    public CustomItemViewModel(MessageBus messageBus)
    {
        _messageBus = messageBus;
        ToggleItemVisibilityCommand = new RelayCommand(() =>
        {
            // 发送消息通知列表VM处理
            _messageBus.Send(new ToggleItemVisibilityMessage { TargetItem = this });
        });
    }

    // 省略INotifyPropertyChanged实现...
}

这个方案适合需要解耦的复杂场景，比如列表VM需要统计可见项数量、批量操作等，消息传递能让两个VM之间不需要直接引用。

总结 #

• 如果逻辑简单，优先用方案一，直接绑定属性最省心；
• 如果需要解耦或者有全局逻辑，用方案二的消息传递；
• 另外也可以用路由事件，但这种方式更偏向UI层，不如ViewModel层面的方案优雅，一般不推荐。

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