2023年9月WPF ComboBox控件详解，有哪些实用技巧和最佳实践？

本文共计1457个文字，预计阅读时间需要6分钟。

（文章目录）+ 前言 WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化的对象，可用于创建各种用户界面。WPF控件可分为两类：原生控件和自定义控件。原生控件

(文章目录)

---

前言

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。

一、ComboBox 控件详解

WPF中的ComboBox控件是一种用户界面元素，允许用户从一个下拉列表中选择一个选项。ComboBox控件可以用于从一组数据中选择单个选项，或者允许用户手动输入数据。

以下是ComboBox控件的一些常见属性和用法：

1. 绑定数据源：可以将ComboBox控件绑定到一个数据源，使用ItemsSource属性指定数据源。例如，可以将ComboBox绑定到一个集合或DataTable中的数据。

2. 显示成员和值成员：可以使用DisplayMemberPath属性指定ComboBox控件中要显示的文本属性，ValueMemberPath属性指定ComboBox控件中的值属性。默认情况下，ComboBox控件会将显示成员和值成员设置为相同的属性。

3. 添加选项：可以使用Items集合添加选项到ComboBox控件中。可以添加字符串、对象或数据绑定表达式。

4. 选择项更改事件：可以使用SelectionChanged事件处理ComboBox控件中选择项的更改。可以使用SelectedItem属性获取当前选择的项。

下面是一个简单的ComboBox控件的例子：

<ComboBox ItemsSource="{Binding MyItemsSource}" DisplayMemberPath="Name" SelectedItem="{Binding MySelectedItem}" />

这个ComboBox控件绑定到一个MyItemsSource属性，该属性是一个集合，包含了Name属性的对象。ComboBox控件使用DisplayMemberPath属性指定要显示的属性，并且使用SelectedItem属性绑定到MySelectedItem属性，以保存用户的选择。

通过使用ComboBox控件，可以方便地实现从一组数据中选择单个选项的功能，同时还可以允许用户手动输入数据。

1.属性介绍

WPF中ComboBox控件有以下常用属性：

• ItemsSource：设置ComboBox中显示的项的数据源。
• SelectedItem：获取或设置ComboBox中选中项的对象。
• DisplayMemberPath：设置ComboBox中数据源中显示的属性值的名称。例如，如果ComboBox中数据源是一个Person对象列表，那么DisplayMemberPath可以设置为"Name"，这样ComboBox中每个选项就会显示Person对象的Name属性。
• SelectedValuePath：设置ComboBox中选中项对应的数据源中的属性值的名称。例如，如果ComboBox中数据源是一个Person对象列表，且SelectedValuePath设置为"ID"，那么在选中某个选项时，可以通过SelectedItem属性获取对应的Person对象，也可以通过SelectedValue属性获取该Person对象的ID属性值。
• IsEditable：设置ComboBox是否可编辑。如果设置为True，用户可以手动输入文本，否则只能从下拉列表中选择。
• IsDropDownOpen：获取或设置ComboBox下拉框是否处于展开状态。
• Text：当IsEditable为True时，获取或设置ComboBox中文本框的文本内容。
• SelectedIndex：获取或设置ComboBox中选中项的索引。如果没有选中项，该属性值为-1。
• MaxDropDownHeight：设置ComboBox展开后下拉框的最大高度。
• IsReadOnly：设置ComboBox是否只读。如果设置为True，用户无法手动输入或选择下拉框中的项。

2.常用场景

WPF中ComboBox控件常用于以下场景：

1. 选择器：用户可以从下拉列表中选择一个或多个项目。

2. 显示器：ComboBox可以用来显示一个可选的项列表，当用户选择一个项时，其值会自动填充到TextBox或其他控件中。

3. 数据筛选：在数据输入时，ComboBox可以用来帮助用户筛选或选择相关的数据项，例如在搜索框中，ComboBox可以用来显示相关的搜索选项。

4. 下拉式菜单：适用于菜单项较多的场景，可以通过ComboBox来展示整个菜单，并进行多级选择。

ComboBox控件是一种非常灵活的控件，可以用于许多不同的场景中，为用户提供更好的交互体验。

3.具体案例

<Grid> <ComboBox HorizontalAlignment="Left" Margin="96,95,0,0" VerticalAlignment="Top" Width="190" Height="30" VerticalContentAlignment="Center" > <ComboBoxItem Content="请选择" IsSelected="True"></ComboBoxItem> <ComboBoxItem Content="软件班"></ComboBoxItem> <ComboBoxItem Content="英语班"></ComboBoxItem> <ComboBoxItem Content="数学班"></ComboBoxItem> </ComboBox> <ComboBox Name="cboClasses" HorizontalAlignment="Left" Margin="96,182,0,0" VerticalAlignment="Top" Width="190" Height="30" VerticalContentAlignment="Center" ItemsSource="{Binding}" SelectionChanged="CboClasses_SelectionChanged"> </ComboBox> <Button Content="Button" HorizontalAlignment="Left" Margin="162,282,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/> </Grid>

/// <summary> /// ComboBoxWindow.xaml 的交互逻辑 /// </summary> public partial class ComboBoxWindow : Window { public ComboBoxWindow() { InitializeComponent(); } private void Window_Loaded(object sender, RoutedEventArgs e) { //获取数据源 List<ClassInfo> list = GetClassInfos(); // cboClasses.ItemsSource = list;//指定数据源 cboClasses.SelectedValuePath = "ClassId";//项的值对应的属性名 cboClasses.DisplayMemberPath = "ClassName";//项的显示文本对应的属性名 cboClasses.DataContext = list; //不能直接移除，也不能添加 //cboClasses.Items.Add(new ClassInfo() //{ // ClassId = 4, // ClassName = "软件班" //}); //如果仍然要添加或移除其中的项？？？ 移除：先把ItemSource设置为null,然后通过list移除项，再重新指定ItemSource。 //cboClasses.ItemsSource = null; //list.Add(new ClassInfo() //{ // ClassId = 4, // ClassName = "软件班" //}); //cboClasses.ItemsSource = list; //动态添加移除 //foreach(ClassInfo cinfo in list) //{ // cboClasses.Items.Add(cinfo); //} } /// <summary> /// 获取班级列表 /// </summary> /// <returns></returns> private List<ClassInfo> GetClassInfos() { List<ClassInfo> list = new List<ClassInfo>(); list.AddRange(new ClassInfo[] { new ClassInfo() { ClassId=0, ClassName="请选择" }, new ClassInfo() { ClassId=1, ClassName="计算机一班" }, new ClassInfo() { ClassId=2, ClassName="计算机二班" }, new ClassInfo() { ClassId=3, ClassName="商务英语一班" }, new ClassInfo() { ClassId=3, ClassName="商务英语二班" } }); return list; } private void Button_Click(object sender, RoutedEventArgs e) { cboClasses.Items.RemoveAt(1); } //选择项改变时 private void CboClasses_SelectionChanged(object sender, SelectionChangedEventArgs e) { //MessageBox.Show((cboClasses.SelectedItem as ClassInfo).ClassName); //当前选定的文本、改变前的选定文本 MessageBox.Show(cboClasses.Text); } } /// <summary> /// 班级信息实体 /// </summary> public class ClassInfo { public int ClassId { get; set; } public string ClassName { get; set; } }