WPF如何实现双击Button类控件时选中所在ListBoxItem（MVVM优先）

阿华AIGC实验室

2026-6-13

最优处理方案（优先MVVM模式）

方案1：ViewModel绑定选中项+Button命令触发选中

这种方式完全贴合MVVM思想，无需后台代码直接操作UI元素，通过数据绑定实现选中逻辑。

ViewModel层实现：
定义选中项属性和双击触发的命令，负责业务逻辑层面的选中状态管理：

public class MainViewModel : INotifyPropertyChanged
{
    private YourDataModel _selectedItem;
    public YourDataModel SelectedItem
    {
        get => _selectedItem;
        set
        {
            _selectedItem = value;
            OnPropertyChanged();
        }
    }

    public ICommand SelectItemCommand { get; }

    public MainViewModel()
    {
        SelectItemCommand = new RelayCommand<YourDataModel>(item => SelectedItem = item);
    }

    // INotifyPropertyChanged接口实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

（注：RelayCommand是通用的ICommand实现，可自行编写或使用MVVM框架自带的实现）

XAML层绑定：
将ListBox的SelectedItem与ViewModel属性绑定，同时给Button绑定双击命令并传递当前数据项：

<ListBox ItemsSource="{Binding YourDataList}" SelectedItem="{Binding SelectedItem}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Button Width="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem}, Path=ActualWidth}"
                    MouseDoubleClick="{Binding DataContext.SelectItemCommand, RelativeSource={RelativeSource AncestorType=ListBox}, Mode=OneWay}"
                    CommandParameter="{Binding}">
                <!-- Button内容区域 -->
            </Button>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

双击Button时，命令会将当前数据项设为ViewModel的SelectedItem，间接触发ListBox的选中；如果需要单击Button也触发选中，只需将Button的Command属性绑定到同一个SelectItemCommand即可。

方案2：附加属性实现UI层事件转发（轻量MVVM友好）

如果不想在ViewModel中处理双击逻辑，可以通过附加属性封装UI层的选中逻辑，保持关注点分离：

附加属性代码实现：

public static class ListBoxItemSelectionHelper
{
    public static readonly DependencyProperty SelectOnDoubleClickProperty =
        DependencyProperty.RegisterAttached(
            "SelectOnDoubleClick",
            typeof(bool),
            typeof(ListBoxItemSelectionHelper),
            new PropertyMetadata(false, OnSelectOnDoubleClickChanged));

    public static bool GetSelectOnDoubleClick(DependencyObject obj)
    {
        return (bool)obj.GetValue(SelectOnDoubleClickProperty);
    }

    public static void SetSelectOnDoubleClick(DependencyObject obj, bool value)
    {
        obj.SetValue(SelectOnDoubleClickProperty, value);
    }

    private static void OnSelectOnDoubleClickChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is Button button && (bool)e.NewValue)
        {
            button.MouseDoubleClick += Button_MouseDoubleClick;
        }
        else if (d is Button buttonOld)
        {
            buttonOld.MouseDoubleClick -= Button_MouseDoubleClick;
        }
    }

    private static void Button_MouseDoubleClick(object sender, MouseButtonEventArgs e)
    {
        var button = sender as Button;
        var listBoxItem = FindVisualParent<ListBoxItem>(button);
        if (listBoxItem != null)
        {
            listBoxItem.IsSelected = true;
        }
    }

    private static T FindVisualParent<T>(DependencyObject child) where T : DependencyObject
    {
        DependencyObject parentObject = VisualTreeHelper.GetParent(child);
        if (parentObject == null) return null;

        return parentObject is T parent ? parent : FindVisualParent<T>(parentObject);
    }
}

XAML中使用：
只需给Button附加该属性，即可自动在双击时选中父级ListBoxItem：

<ListBox>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Button Width="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem}, Path=ActualWidth}"
                    local:ListBoxItemSelectionHelper.SelectOnDoubleClick="True">
                <!-- Button内容区域 -->
            </Button>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>