下拉列表的选择控件,控件左边显示文本内容,右边通过单击控件上的箭头来显示或隐藏该下拉列表,默认的组合框允许选择一项或文本框中输入新的文本。
ComboBox是一个ItemsControl,说明由一个或多个集合项组成,可以包括字符串、图片等。 Demo下载:
Newbeecoder.UI.zip
根据原型图设计一款好看的软件用Newbeecoder.UI能完美实现,先视频演示Newbeecoder.UI控件库效果:
控件库有几种输入下拉框。分别有可编辑下拉框、不可编辑带搜索功能、带清除按钮下拉框、禁用下拉框。
一、可编辑下拉框使用方法:
代码语言:html复制<TextBlock Text="可编辑" Margin="5"/>
<NbComboBox Style="{DynamicResource DefaultComboBoxStyle}" Margin="5" IsEditable="True" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="False">
<NbComboBoxItem Content="橘子"/>
<NbComboBoxItem Content="苹果"/>
<NbComboBoxItem Content="香蕉"/>
<NbComboBoxItem Content="草莓"/>
<NbComboBoxItem Content="梨子"/>
</NbComboBox>
二、不可编辑带搜索功能下拉框使用方法:
代码语言:html复制<TextBlock Text="不可编辑" Margin="5"/>
<NbComboBox Style="{DynamicResource DefaultComboBoxStyle}" Margin="5" IsEditable="False" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="False">
<NbComboBoxItem Content="橘子"/>
<NbComboBoxItem Content="苹果"/>
<NbComboBoxItem Content="香蕉" IsSelected="True"/>
<NbComboBoxItem Content="草莓"/>
<NbComboBoxItem Content="梨子"/>
</NbComboBox>
三、带清除按钮下拉框使用方法:
代码语言:html复制<TextBlock Text="带清除按钮" Margin="5"/>
<NbComboBox Style="{DynamicResource DefaultComboBoxStyle}" Margin="5" IsEditable="False" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="True">
<NbComboBoxItem Content="橘子"/>
<NbComboBoxItem Content="苹果"/>
<NbComboBoxItem Content="香蕉" IsSelected="True"/>
<NbComboBoxItem Content="草莓"/>
<NbComboBoxItem Content="梨子"/>
</NbComboBox>
四、禁用下拉框使用方法:
代码语言:html复制<TextBlock Text="禁用" Margin="5"/>
<NbComboBox Style="{DynamicResource DefaultComboBoxStyle}" Margin="5" IsEditable="False" EnabledSearchItems="True" EnabledSearchIgnoreCase="True" ShowClearButton="True" IsEnabled="False">
<NbComboBoxItem Content="橘子"/>
<NbComboBoxItem Content="苹果"/>
<NbComboBoxItem Content="香蕉" IsSelected="True"/>
<NbComboBoxItem Content="草莓"/>
<NbComboBoxItem Content="梨子"/>
</NbComboBox>