WPF 新版开源控件库推荐：Newbeecoder.UI ComboBox多选

原创

用户7152477

修改于 2022-05-05 11:55:34

2.5K1

修改于 2022-05-05 11:55:34

文章被收录于专栏：CSharp编程CSharp编程

WPF中自定义多选下拉框可用ToggleButton按钮，该按钮IsChecked属性支持复选功能，CheckBox控件是继承ToggleButton。ComboBox中集合ComboBoxItem控件可以支持多选。

为了让ComboBox支持CheckBox，ListBoxItem在前面说过可以选择多项，IsSelected判断是否选中状态。在资源样式中用CheckBox作为项填充集合。 Demo下载：

Newbeecoder.UI.zip

根据产品图设计一款好看的软件用Newbeecoder.UI能完美实现

<TextBlock Text="可搜索" Margin="5"/>
<NbMultiComboBox Style="{DynamicResource DefaultMultiComboBoxStyle}" Margin="5" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="False">
    <NbMultiComboBoxItem Content="橘子"/>
    <NbMultiComboBoxItem Content="苹果"/>
    <NbMultiComboBoxItem Content="香蕉"/>
    <NbMultiComboBoxItem Content="草莓"/>
    <NbMultiComboBoxItem Content="梨子"/>
</NbMultiComboBox>
<TextBlock Text="带清除按钮" Margin="5"/>
<NbMultiComboBox Style="{DynamicResource DefaultMultiComboBoxStyle}" Margin="5" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="True">
    <NbMultiComboBoxItem Content="橘子"/>
    <NbMultiComboBoxItem Content="苹果"/>
    <NbMultiComboBoxItem Content="香蕉" IsSelected="True"/>
    <NbMultiComboBoxItem Content="草莓"/>
    <NbMultiComboBoxItem Content="梨子"/>
</NbMultiComboBox>
<TextBlock Text="禁用" Margin="5"/>
<NbMultiComboBox Style="{DynamicResource DefaultMultiComboBoxStyle}" Margin="5" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="True" IsEnabled="False">
    <NbMultiComboBoxItem Content="橘子"/>
    <NbMultiComboBoxItem Content="苹果"/>
    <NbMultiComboBoxItem Content="香蕉" IsSelected="True"/>
    <NbMultiComboBoxItem Content="草莓"/>
    <NbMultiComboBoxItem Content="梨子"/>
</NbMultiComboBox>

下拉框多选支持搜索、清除功能，先演示下调用代码：EnabledSearchItems属性是否使用搜索，EnabledSearchIgnoreCase是否使用大写、ShowClearButton是否使用清除按钮。

在下拉框多选使用搜索功能：