自定义WPF 多选Combobx

最新推荐文章于 2024-07-29 14:52:21 发布
最新推荐文章于 2024-07-29 14:52:21 发布
阅读量776 收藏 3
点赞数 1
分类专栏： WPF 控件 文章标签： WPF MutliCombobox Combobox Combobox 多选
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Johnson55925/article/details/84335250
版权

文章目录

1.功能

1.1 实现功能

先看效果：

在这里插入图片描述

  • 1、对其中鼠标悬浮、选中的样式进行统一
  • 2、对其中滚动条样式进行全局统一配置
  • 3、对控件的Border Color 进行全局统一配置
  • 4、绑定数据时设置已选中项
  • 5、Popup 宽度根据内容自适应
  • 6、MutliCombobox可设置已选中项展示样式（横向/纵向）
1.2 全局配置
<!--默认Border Color-->
<SolidColorBrush x:Key="DefaultBrush" Color="#eaeaea"></SolidColorBrush>
<!--默认全局颜色-->
<SolidColorBrush x:Key="DefaultBackground" Color="#1ab394"></SolidColorBrush>
<!--鼠标悬浮背景颜色-->
<SolidColorBrush x:Key="MouseOverBackground" Color="#46e6c6"></SolidColorBrush>
<!--鼠标选中背景颜色-->
<SolidColorBrush x:Key="SelectedBackground" Color="#1ab394"></SolidColorBrush>

2. Combobox

2.1 Style
  <ComboBox.Style>
        <Style TargetType="{x:Type ComboBox}">
            <Setter Property="BorderBrush" Value="{StaticResource DefaultBrush}"></Setter>
            <Setter Property="ItemContainerStyle">
                <Setter.Value>
                    <Style TargetType="ComboBoxItem">
                        <Setter Property="Height" Value="20"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate  TargetType="{x:Type ComboBoxItem}">
                                    <Grid Height="{TemplateBinding Height}" Width="{TemplateBinding Width}">
                                        <Border x:Name="_borderbg" Background="Transparent"/>
                                        <ContentPresenter ContentSource="{Binding Source}" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="3 0 3 0"></ContentPresenter>
                                        <Border x:Name="_border" Background="White" Opacity="0"/>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="true">
                                            <Setter TargetName="_borderbg" Property="Background" Value="{StaticResource SelectedBackground}" />
                                        </Trigger>
                                        <MultiTrigger>
                                            <MultiTrigger.Conditions>
                                                <Condition Property="IsSelected" Value="false"/>
                                                <Condition Property="IsMouseOver" Value="true"/>
                                            </MultiTrigger.Conditions>
                                            <Setter TargetName="_borderbg" Property="Background" Value="{StaticResource MouseOverBackground}" />
                                        </MultiTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ComboBox}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="0.7*"/>
                                <ColumnDefinition Width="0.3*" MaxWidth="30"/>
                            </Grid.ColumnDefinitions>
                            <Border  Grid.Column="0" Grid.ColumnSpan="2" BorderThickness="1" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="1,0,0,1"/>
                            <ContentPresenter HorizontalAlignment="Left" Margin="3,3,0,3" x:Name="ContentSite" VerticalAlignment="Center"
                                              Content="{TemplateBinding SelectionBoxItem}" 
                                              ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" 
                                              ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" IsHitTestVisible="False"/>

                            <!--ToggleButton 已数据绑定到 ComboBox 本身以切换 IsDropDownOpen-->
                            <ToggleButton Grid.Column="0" Grid.ColumnSpan="2" x:Name="ToggleButton" 
                                          Template="{StaticResource ComboBoxToggleButton}" Focusable="false" 
                                          IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" 
                                          ClickMode="Press"/>
                            <!--必须将 TextBox 命名为 PART_EditableTextBox，否则 ComboBox 将无法识别它-->
                            <TextBox Visibility="Hidden" BorderThickness="0"   
                                       Margin="2 0 0 0" x:Name="PART_EditableTextBox"  
                                       VerticalAlignment="Center" Focusable="True" 
                                       Background="Transparent" IsReadOnly="{TemplateBinding IsReadOnly}"/>

                            <!--Popup 可显示 ComboBox 中的项列表。IsOpen 已数据绑定到通过 ComboBoxToggleButton 来切换的 IsDropDownOpen-->
                            <Popup IsOpen="{TemplateBinding IsDropDownOpen}" Placement="Bottom" x:Name="Popup" Focusable="False" AllowsTransparency="True" PopupAnimation="Slide">
                                <Grid MaxHeight="150" MinWidth="{Binding ActualWidth, RelativeSource={RelativeSource TemplatedParent}}" x:Name="DropDown" SnapsToDevicePixels="True">
                                    <Border x:Name="DropDownBorder"  BorderBrush="#e8e8e8" BorderThickness="1 0 1 1"/>
                                    <ScrollViewer Padding="0 0 12 0" Margin="1" SnapsToDevicePixels="True" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" CanContentScroll="True">
                                        <!--StackPanel 用于显示子级，方法是将 IsItemsHost 设置为 True-->
                                        <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" Background="White"/>
                                    </ScrollViewer>
                                </Grid>
                            </Popup>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEditable" Value="True">
                                <Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ComboBox.Style>

3. MutliCombobox

3.1 控件代码
3.1.1 Style
 <ComboBox.Style>
        <!--MultiComboBox普通样式-->
        <Style TargetType="{x:Type ComboBox}">
            <Setter Property="Width" Value="200" />
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="SnapsToDevicePixels" Value="True" />
            <Setter Property="MaxDropDownHeight" Value="400" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ComboBox}">
                        <Grid>
                            <Border x:Name="Bg" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"  
                                    Width="{TemplateBinding Width}" 
                                    Height="{TemplateBinding Height}" 
                                    BorderBrush="{StaticResource DefaultBrush}" BorderThickness="1"  >
                                <Grid>
                                    <Grid x:Name="PART_InnerGrid" Margin="0">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="0.3*" MaxWidth="30" />
                                        </Grid.ColumnDefinitions>
                                        <ListBox ItemsSource="{Binding CheckedItems,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}" 
                                                 SelectionMode="Multiple" BorderThickness="0" 
                                                 ScrollViewer.VerticalScrollBarVisibility="Disabled">
                                            <ListBox.ItemsPanel>
                                                <ItemsPanelTemplate>
                                                    <VirtualizingStackPanel Orientation="{Binding Path=CheckedOrientation, Mode=TwoWay, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ComboBox}}" VirtualizingStackPanel.IsVirtualizing="True" />
                                                </ItemsPanelTemplate>
                                            </ListBox.ItemsPanel>
                                            <ListBox.ItemContainerStyle>
                                                <Style TargetType="ListBoxItem">
                                                    <Setter Property="HorizontalAlignment" Value="Left"/>
                                                    <Setter Property="BorderThickness" Value="0"/>
                                                    <Setter Property="IsSelected" Value="True"/>
                                                    <Setter Property="Template">
                                                        <Setter.Value>
                                                            <ControlTemplate TargetType="ListBoxItem">
                                                                <CheckBox BorderThickness="0" 
                                                                          VerticalAlignment="Center" HorizontalAlignment="Center"  
                                                                          Content="{Binding Text}" 
                                                                          IsChecked="true"
                                                                          Click="CheckBox_Click"
                                                                          />
                                                            </ControlTemplate>
                                                        </Setter.Value>
                                                    </Setter>
                                                </Style>
                                            </ListBox.ItemContainerStyle>
                                        </ListBox>

                                        <!--下拉按钮-->
                                        <ToggleButton x:Name="PART_DropDownToggle" IsTabStop="False"  
                                         IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                         Grid.Column="1" Template="{StaticResource ComboBoxToggleButton}" />
                                    </Grid>
                                </Grid>
                            </Border>

                            <!--Popup 可显示 ComboBox 中的项列表。IsOpen 已数据绑定到通过 ComboBoxToggleButton 来切换的 IsDropDownOpen-->
                            <Popup IsOpen="{TemplateBinding IsDropDownOpen}" Placement="Bottom" 
                                   x:Name="Popup" Focusable="False" AllowsTransparency="True" PopupAnimation="Slide">
                                <Grid MaxHeight="150" MinWidth="{Binding ActualWidth, RelativeSource={RelativeSource TemplatedParent}}" 
                                      x:Name="DropDown" SnapsToDevicePixels="True">
                                    <ListBox SelectionMode="Multiple" BorderThickness="1 0 1 1" Background="White" Padding="0 0 12 0"
                                             ItemsSource="{Binding MultiItemSource,RelativeSource={RelativeSource TemplatedParent}}"
                                             MaxHeight="{TemplateBinding MaxDropDownHeight}" BorderBrush="{StaticResource DefaultBrush}"
                                             SelectionChanged="ListBoxItems_SelectionChanged">
                                        <ListBox.ItemContainerStyle>
                                            <Style  TargetType="ListBoxItem">
                                                <Setter Property="Template">
                                                    <Setter.Value>
                                                        <ControlTemplate TargetType="{x:Type ListBoxItem}" >
                                                            <Grid  Height="22">
                                                                <Border x:Name="bg" BorderBrush="{StaticResource DefaultBrush}" BorderThickness="0"/>
                                                                <ContentPresenter x:Name="content"  />
                                                                <Border Background="White"  Opacity="0"/>
                                                            </Grid>
                                                            <ControlTemplate.Triggers>
                                                                <Trigger Property="IsSelected" Value="True">
                                                                    <Setter  TargetName="bg"  Property="Background" Value="{StaticResource SelectedBackground}" />
                                                                </Trigger>
                                                                <MultiTrigger>
                                                                    <MultiTrigger.Conditions>
                                                                        <Condition Property="IsMouseOver" Value="True" />
                                                                        <Condition Property="IsSelected" Value="False"/>
                                                                    </MultiTrigger.Conditions>
                                                                    <Setter TargetName="bg" Property="Background" Value="{StaticResource MouseOverBackground}" />
                                                                    <Setter TargetName="bg" Property="Opacity" Value="0.7"/>
                                                                </MultiTrigger>
                                                                <Trigger Property="IsEnabled" Value="False">
                                                                    <Setter TargetName="bg" Property="Opacity" Value="0.3" />
                                                                    <Setter Property="Foreground" Value="Gray" />
                                                                </Trigger>
                                                                <DataTrigger Binding="{Binding IsChecked}" Value="True">
                                                                    <Setter Property="IsSelected" Value="True"></Setter>
                                                                </DataTrigger>
                                                            </ControlTemplate.Triggers>
                                                        </ControlTemplate>
                                                    </Setter.Value>
                                                </Setter>
                                            </Style>
                                        </ListBox.ItemContainerStyle>
                                        <ListBox.ItemTemplate>
                                            <DataTemplate>
                                                <Grid>
                                                    <CheckBox x:Name="chk" VerticalAlignment="Center"  
                                                              Foreground="{Binding Foreground,RelativeSource={RelativeSource AncestorType=ListBoxItem}}" 
                                                              IsChecked="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected,Mode=TwoWay}"  
                                                              Content="{Binding Path=Text}"/>
                                                </Grid>
                                                <DataTemplate.Triggers>
                                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}" Value="True">
                                                        <Setter TargetName="chk" Property="IsChecked" Value="True"/>
                                                    </DataTrigger>
                                                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=ListBoxItem},Path=IsSelected}" Value="False">
                                                        <Setter TargetName="chk" Property="IsChecked" Value="False"/>
                                                    </DataTrigger>
                                                </DataTemplate.Triggers>
                                            </DataTemplate>
                                        </ListBox.ItemTemplate>
                                    </ListBox>
                                </Grid>
                            </Popup>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ComboBox.Style>
3.1.2 后台代码
   /// <summary>
   /// MultiComboBox.xaml 的交互逻辑
   /// </summary>
   public partial class MultiComboBox : System.Windows.Controls.ComboBox, INotifyPropertyChanged
   {
       public MultiComboBox()
       {
           InitializeComponent();
       }

       #region Fields

       /// <summary>
       /// 选中项列表
       /// </summary>
       private ObservableCollection<MultiComboBoxItem> CheckedItemsProperty = new ObservableCollection<MultiComboBoxItem>();

       [Bindable(true)]
       public ObservableCollection<MultiComboBoxItem> CheckedItems
       {
           get { return CheckedItemsProperty; }
           set
           {
               CheckedItemsProperty = value;
               RaisePropertyChanged("CheckedItems");
           }
       }

       /// <summary>
       /// 展示列表
       /// </summary>
       private ObservableCollection<MultiComboBoxItem> MultiItemSourceProperty = new ObservableCollection<MultiComboBoxItem>();

       [Bindable(true)]
       public ObservableCollection<MultiComboBoxItem> MultiItemSource
       {
           get { return MultiItemSourceProperty; }
           set
           {
               MultiItemSourceProperty = value;
               RaisePropertyChanged("MultiItemSource");
           }
       }

       [Bindable(true)]
       public Orientation CheckedOrientation
       {
           get { return (Orientation)GetValue(OrientationProperty); }
           set
           {
               SetValue(OrientationProperty, value);
           }
       }

       public static readonly DependencyProperty OrientationProperty =
           DependencyProperty.Register("CheckedOrientation",
               typeof(Orientation),
               typeof(MultiComboBox),
               new PropertyMetadata(Orientation.Horizontal));
       #endregion

       #region Method

       /// <summary>
       /// 设置数据源
       /// </summary>
       /// <param name="source"></param>
       public void SetSource(IEnumerable<MultiComboBoxItem> source)
       {
           MultiItemSource = new ObservableCollection<MultiComboBoxItem>(source);

           if (MultiItemSource.Any(x => x.IsChecked))
               CheckedItems = new ObservableCollection<MultiComboBoxItem>(source.Where(x => x.IsChecked).ToList());
       }

       public event PropertyChangedEventHandler PropertyChanged;
       protected void RaisePropertyChanged(string propertyName)
       {
           PropertyChangedEventHandler handler = PropertyChanged;
           if (handler != null)
           {
               handler.Invoke(this, new PropertyChangedEventArgs(propertyName));
           }
       }
       #endregion

       #region Event

       /// <summary>
       /// 下拉列表选中变更
       /// </summary>
       /// <param name="sender"></param>
       /// <param name="e"></param>
       private void ListBoxItems_SelectionChanged(object sender, SelectionChangedEventArgs e)
       {
           foreach (var item in e.AddedItems)
           {
               MultiComboBoxItem datachk = item as MultiComboBoxItem;
               datachk.IsChecked = true;
               if (CheckedItems.IndexOf(datachk) < 0)
                   CheckedItems.Add(datachk);
           }

           foreach (var item in e.RemovedItems)
           {
               MultiComboBoxItem datachk = item as MultiComboBoxItem;
               datachk.IsChecked = false;
               CheckedItems.Remove(datachk);
           }
       }

       /// <summary>
       /// 复选框取消选中
       /// </summary>
       /// <param name="sender"></param>
       /// <param name="e"></param>
       private void CheckBox_Click(object sender, RoutedEventArgs e)
       {
           var ckb = (CheckBox)sender;
           ListBoxItem cp = ckb.TemplatedParent as ListBoxItem;
           MultiComboBoxItem item = cp.Content as MultiComboBoxItem;
           item.IsChecked = false;
           CheckedItems.Remove(item);
       }
       #endregion
   }
3.2 调用方法
  • XAML
<fcode:MultiComboBox x:Name="mtcbbTest" ></fcode:MultiComboBox>
  • 后台代码
//设置数据源
mtcbbTest.SetSource(source);

//获取已选中项
mtcbbTest.CheckedItems;

4 代码资源下载

本文代码资源已上传：https://download.csdn.net/download/johnson55925/10800128

项目开源地址：
https://gitee.com/fcode_me/FCODE_DEMO

逸风Y
关注
专栏目录
WPF中实现多选ComboBox控件
weixin_33868027的博客
08-15 1605
在WPF中实现带CheckBox的ComboBox控件，让ComboBox控件可以支持多选。 将ComboBox的ItemsSource属性Binding到一个Book的集合， public class Book { public string Name { get; set; } } <ComboBox ItemsSource...
【WPF控件】可多选ComboBox的简易实现
sinat_29484257的博客
05-09 3211
实现一个这样的多选列表控件 选中的项通过控件事件触发将结果字符串（分隔符可设置）发出来。 因为我想让checkbox的IsChecked作为控件Item本身的属性，不希望这个属性由数据层干预。也就是说我绑定在控件ItemSource的数据就是string集合。 所以就不用修改ListBoxItem样式模板这种的方案了，我自定义CheckListItem继承ListBoxItem。 思路 思路很简单，实现也不难 1.写一个CheckListItem模块继承ListBoxItem，给它添加IsCheck的属性
wpf 自定义combox控件
cangqiongxiaoye的博客
02-10 1556
关键步骤 1、新建usercontrol使用基本的控件进行设计 2、依赖属性的定义，目的：外部调用时候能够使用属性进行控件样式的控制 例如 Width="200" DisplayMemberPath="Name" SelectedItem="{Binding SelectedItem,Mode=TwoWay}" SelectionChanged="{Binding ProjectSelectCommand}" CommandParameter="{Binding ElementName =
wfp MultiComboBox 自己实现
最新发布
jerry_zhcz的专栏
07-29 634
网上找了很多个，都不好， 终于改好了一个，
WPF MulitCheckComboBox 多选下拉控件
06-23
项目中经常需要使用多选下拉交互的控件，于是自己封装了一个helper，用于选择状态的读取，当然还包括多选框样式，仅供参考学习
MultiSelectComboBox(一)
weixin_30648587的博客
11-18 804
1. MultiSelectComboBox.xaml <UserControl x:Class="MultiSelectComboBox.MultiSelectComboBox" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:...
Focusable 属性和IsTabStop 属性之间的关系
Milo的专栏
02-05 3280
控件的Focusable 属性确定控件是否允许接收键盘输入焦点，控件的 IsTabStop 属性确定是否允许通过Tab键导航到控件。在默认情况下，Focusable 属性位true的控件IsTabStop 属性也会为true。 当Focusable 属性为true，IsTabStop 属性为true的时候，控件可以接收键盘输入焦点，也可以通过Tab键导航到控件； 当Focusable 属性为t
wpf多选下拉demo
07-23
标题为 "wpf多选下拉demo" 的项目提供了一个解决方案，即创建一个自定义的多选下拉控件，以满足开发者在日常编程中的多选需求。 这个项目的核心是扩展了标准的 `ComboBox` 控件，添加了多选功能。这通常通过继承 `...
WPF多选的下拉框
03-26
"WPF多选的下拉框"是一个这样的自定义控件，它扩展了标准的下拉框（ComboBox）功能，允许用户进行多项选择，而不仅仅是单选。下面将详细介绍如何实现这样一个功能，以及如何利用DataTable绑定数据。 1. **多选机制*...
WPF多选树作为模版.zip
11-30
通过以上步骤，我们能够构建一个可复用、功能完善的WPF多选树用户控件。这个控件不仅可以提高代码的组织性，还能简化多选树的实现，使得开发者可以更专注于业务逻辑，而不是基础UI组件的实现。在实际项目中，这样的...
用WPF实现多选下拉框
10-28
由于项目需要，自己设计的，大家可以看看，由于时间仓促，还不是十分完美，望多多包涵。
wpf 自定义ComBoBox带DataGrid
04-18
wpf 自定义ComBoBox带DataGrid
Multi Select ComboBox in WPF
02-21
WPF don't have Multi select combobox. Generally people go for third party tools to use a multi select combobox. The attached sample will help you to build your own custom Multiselect comboBox
WPF具有多选功能的TreeListView控件
10-24
在WPF中，实现一个具有多选功能的TreeListView可能涉及到自定义控件行为、事件处理和数据绑定等多个方面，而这个实现可能在这些方面都做得相当出色。 【标签】：“wpf” WPF是微软.NET Framework的一部分，用于...
好看的C# WPF控件库【Newbeecoder.UI】多选ComboBox
liaohaiyin的专栏
12-22 1782
在WPF中实现多选使用CheckBox或ToggleButton按钮，该按钮IsChecked属性支持复选功能，ComboBox中集合ComboBoxItem控件可以支持多选。 为了让ComboBox支持CheckBox，ComboBoxItem继承于ListBoxItem，ListBoxItem在前面说过可以选择多项，IsSelected判断是否选中状态。在资源样式中用CheckBox作为项填充集合。 Newbeecoder.UI开源控件Demo下载链接：https://share.weiyun.co
WPF自定义样式篇-ComboBox
atf79168的博客
08-04 1219
首先上效果图： <!--Combox样式--> <Style TargetType="{x:Type ComboBox}"> <Setter Property="FontSize" Value="16"></Setter> <Setter Property="Width" Value="300"...
WPF自定义控件与样式(8)-ComboBox与自定义多选控件MultComboBox
weixin_33889665的博客
11-25 278
一．前言 　　申明：WPF自定义控件与样式是一个系列文章，前后是有些关联的，但大多是按照由简到繁的顺序逐步发布的等，若有不明白的地方可以参考本系列前面的文章，文末附有部分文章链接。 　　本文主要内容： 下拉选择控件ComboBox的自定义样式及扩展； 自定义多选控件MultiComboBox； 二．下拉选择控件ComboBox的自定义样式及扩展 2.1基本样式 ...
WPF ComboBox 多选下拉框
鸣风
07-02 3365
如图 <DataGridTemplateColumn Width="240"> <DataGridTemplateColumn.Header> <Grid > <pu:MultiComboBox x:Name="MultiSelectCom_NewLYSFs"
wpf 多选下拉框mvvm
06-10
WPF中实现多选下拉框可以使用ComboBox和ListBox结合实现，然后使用MVVM模式来实现数据绑定。以下是实现的步骤： 1. 定义一个数据模型，用于存储下拉框的选项数据和选中状态。 ```csharp public class MultiSelectItem<T> { public T Item { get; set; } public bool IsSelected { get; set; } } ``` 2. 在ViewModel中，定义一个集合用于存储选项数据，并且提供一个属性用于绑定到ComboBox中的ItemsSource，以及提供一个属性用于绑定到ListBox中的ItemsSource。 ```csharp public class MainViewModel : INotifyPropertyChanged { private List<MultiSelectItem<string>> _items; public MainViewModel() { _items = new List<MultiSelectItem<string>>() { new MultiSelectItem<string>() {Item = "Item 1", IsSelected = false}, new MultiSelectItem<string>() {Item = "Item 2", IsSelected = false}, new MultiSelectItem<string>() {Item = "Item 3", IsSelected = false}, new MultiSelectItem<string>() {Item = "Item 4", IsSelected = false}, new MultiSelectItem<string>() {Item = "Item 5", IsSelected = false}, }; } public List<MultiSelectItem<string>> Items { get { return _items; } set { _items = value; OnPropertyChanged(nameof(Items)); } } public IEnumerable<string> SelectedItems { get { return _items.Where(x => x.IsSelected).Select(x => x.Item); } } public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged(string propertyName = null) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 3. 在View中，使用ComboBox和ListBox来实现多选下拉框。ComboBox用于展示选中的选项，ListBox用于展示所有的选项。 ```xml <ComboBox ItemsSource="{Binding SelectedItems}"> <ComboBox.Style> <Style TargetType="ComboBox"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ComboBox"> <StackPanel Orientation="Vertical"> <TextBlock Text="Selected Items:" /> <ItemsControl ItemsSource="{Binding SelectedItems}"> <ItemsControl.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> </StackPanel> </ControlTemplate> </Setter.Value> </Setter> </Style> </ComboBox.Style> </ComboBox> <ListBox ItemsSource="{Binding Items}"> <ListBox.ItemTemplate> <DataTemplate> <CheckBox Content="{Binding Item}" IsChecked="{Binding IsSelected}" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox> ``` 以上就是使用MVVM模式实现WPF多选下拉框的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值