WPF实现带全选复选框的列表控件
更新时间：2017年06月22日 14:54:38 作者：WPInfo
这篇文章主要为大家详细介绍了WPF实现带全选复选框的列表控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文将说明如何创建一个带全选复选框的列表控件。其效果如下图：
这个控件是由一个复选框（CheckBox）与一个 ListView 组合而成。它的操作逻辑：
当选中“全选”时，列表中所有的项目都会被选中；反之，取消选中“全选”时，所有项都会被取消勾选。
在列表中选中部分数据项目时，“全选”框会呈现不确定状态（Indetermine）。
由此看出，“全选”复选框与列表项中的复选框达到了双向控制的效果。
其设计思路：首先，创建自定义控件（CheckListView），在其 ControlTemplate 中定义 CheckBox 和 ListView，并为 ListView 设置 ItemTemplate，在其中增加 CheckBox 控件，如下：
<ControlTemplate TargetType=”{x:Type control:CheckListView}”>
<Grid Background=”{TemplateBinding Background}”>
<Grid.RowDefinitions>
<RowDefinition Height=”Auto” />
<RowDefinition Height=”*” />
</Grid.RowDefinitions>
<CheckBox Content=”全选” />
<ListView x:Name=”list”
Grid.Row=”1″>
<ListView.ItemTemplate>
<DataTemplate>
<CheckBox />
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</ControlTemplate>
其次，为控件添加两个依赖属性，其中一个为 ItemsSource，即该控件所要接收的数据源，也即选择列表；本质上，这个数据源会指定给其内的 ListView。另外也需要一个属性 IsSelectAllChecked 表示是否选中全选复选框。
public static readonly DependencyProperty IsSelectAllCheckedProperty =
DependencyProperty.Register(“IsSelectAllChecked”, typeof(bool?), typeof(CheckListView), new PropertyMetadata(false));
public static readonly DependencyProperty ItemsSourceProperty =
DependencyProperty.Register(“ItemsSource”, typeof(object), typeof(CheckListView), new PropertyMetadata(null));
/// <summary>
/// 返回或设置全选复选框的选中状态
/// </summary>
public bool? IsSelectAllChecked
{
get { return (bool?)GetValue(IsSelectAllCheckedProperty); }
set { SetValue(IsSelectAllCheckedProperty, value); }
}
/// <summary>
/// 数据源
/// </summary>
public object ItemsSource
{
get { return (object)GetValue(ItemsSourceProperty); }
set { SetValue(ItemsSourceProperty, value); }
}
需要注意的一点是，作为一个自定义控件，我们必须考虑它的通用性，所以为了保证能设置各式各样的数据源（如用户列表、物品列表或 XX名称列表），在这里定义一个数据接口，只要数据源中的数据项实现该接口，即可达到通用的效果。该接口定义如下：
public interface ICheckItem
{
/// <summary>
/// 当前项是否选中
/// </summary>
bool IsSelected { get; set; }
/// <summary>
/// 名称
/// </summary>
string Name { get; set; }
}
最后，我们把刚才定的属性绑定的控件上，如下：
<CheckBox Content=”全选” IsChecked=”{Binding IsSelectAllChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}” />
<ListView x:Name=”list” Grid.Row=”1″ ItemsSource=”{TemplateBinding ItemsSource}”>
<ListView.ItemTemplate>
<DataTemplate>
<CheckBox Content=”{Binding Name}” IsChecked=”{Binding IsSelected}” />
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
接下来，实现具体操作：
首先，通过“全选”复选框来控制所有列表项：这里通过其 Click 事件来执行 CheckAllItems 方法， 在此方法中，会对数据源进行遍历，将其 IsSelected 属性设置为 True 或 False。代码如下：
<CheckBox Content=”全选” IsChecked=”{Binding IsSelectAllChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}”>
<i:Interaction.Triggers>
<i:EventTrigger EventName=”Click”>
<ei:CallMethodAction MethodName=”CheckAllItems” TargetObject=”{Binding RelativeSource={RelativeSource TemplatedParent}}” />
</i:EventTrigger>
</i:Interaction.Triggers>
</CheckBox>
/// <summary>
/// 全选或清空所用选择
/// </summary>
public void CheckAllItems()
{
foreach (ICheckItem item in ItemsSource as IList<ICheckItem>)
{
item.IsSelected = IsSelectAllChecked.HasValue ? IsSelectAllChecked.Value : false;
}
}
然后，通过选中或取消选中列表项时，更新“全选”复选框的状态：在 DataTemplate 中，我们也为 CheckBox 的 Click 事件设置了要触发的方法 UpdateSelectAllState，代码如下：
<DataTemplate>
<CheckBox Content=”{Binding Name}” IsChecked=”{Binding IsSelected}”>
<i:Interaction.Triggers>
<i:EventTrigger EventName=”Click”>
<ei:CallMethodAction MethodName=”UpdateSelectAllState” TargetObject=”{Binding RelativeSource={RelativeSource AncestorType=control:CheckListView}}” />
</i:EventTrigger>
</i:Interaction.Triggers>
</CheckBox>
</DataTemplate>
/// <summary>
/// 根据当前选择的个数来更新全选框的状态
/// </summary>
public void UpdateSelectAllState()
{
var items = ItemsSource as IList<ICheckItem>;
if (items == null)
{
return;
}
// 获取列表项中 IsSelected 值为 True 的个数，并通过该值来确定 IsSelectAllChecked 的值
int count = items.Where(item => item.IsSelected).Count();
if (count == items.Count)
{
IsSelectAllChecked = true;
}
else if (count == 0)
{
IsSelectAllChecked = false;
}
else
{
IsSelectAllChecked = null;
}
}
这里也有两点需要提醒：
我一开始定义属性 IsSelectAllChecked 时，它的类型是 bool 类型，那么，由于 CheckBox 控件的 IsChecked 值为 null 时，它将呈现 Indetermine 状态，所以后来把它改为 bool? 类型。
在XAML 代码中可以看出，对事件以及事件的响应使用了行为，所以，需要添加引用 System.Windows.Interactivity.dll 和 Microsoft.Expression.Interactions.dll 两个库，并在XMAL 头部添加如下命名空间的引用：
xmlns:ei=”schemas.microsoft.com/expression/2010/interactions”
xmlns:i=”schemas.microsoft.com/expression/2010/interactivity”
这样，这个控件就基本完成了，接下来是如何使用它。
首先，定义将要在列表中展示的数据项，并为它实现之前提到的 ICheckItem 接口，这里定义了一个 User 类，如下：
public class User : BindableBase, ICheckItem
{
private bool isSelected;
private string name;
public bool IsSelected
{
get { return isSelected; }
set { SetProperty(ref isSelected, value); }
}
public string Name
{
get { return name; }
set { SetProperty(ref name, value); }
}
}
接下来在 ViewModel 中定义一个列表 List<ICheckItem>，并添加数据，最后在 UI 上为其绑定 ItemsSource 属性即可，在此不再贴代码了，具体请参考源代码。
源码下载
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持华域联盟。
您可能感兴趣的文章:WPF自定义控件和样式之自定义按钮（Button）WPF如何自定义TabControl控件样式示例详解超炫酷的WPF实现Loading控件效果WPF的ListView控件自定义布局用法实例在WPF中动态加载XAML中的控件实例代码C# 使用WPF 用MediaElement控件实现视频循环播放WPF自定义TreeView控件样式实现QQ联系人列表效果WPF实现ScrollViewer滚动到指定控件处WPF日常开发之花式控件功能扩展详解
WPF
复选框
列表控件
相关文章
VS2015开发环境的安装和配置本文主要是给大家把C#开发环境各种版本的更新和安装过程重新整理一下贡献出来，希望对小伙伴们能够有所帮助 2016-07-07
ADO.NET中的五个主要对象的详细介绍与应用ADO.NET中的五个主要对象:Connection、Command、DataAdapter DataSet、DataReader详细介绍与应用，感兴趣的朋友可以参考下 2012-12-12
asp.net图片上传实例网站后台都需要有上传图片的功能，下面的例子就是实现有关图片上传。缺点：图片上传到本服务器上，不适合大量图片上传 2013-12-12
ASP.NET笔记之 行命令处理与分页详解本篇文章小编为大家介绍，ASP.NET笔记之 行命令处理与分页详解。需要的朋友参考下 2013-04-04
ASP.NET URL伪静态重写实现方法ASP.NET下为静态的实现方法。 2009-12-12
asp.net DataFormatString格式化GridView在GridView里面显示数据,要显示的数据有好多位小数,就想让它只显示两位小数,在delphi里,直接用DisplayFormat就行了, 2009-08-08
ASP.NET Core Razor 页面路由详解这篇文章主要介绍了ASP.NET Core Razor 页面路由详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 2017-09-09
.NET基础之自定义泛型分析这篇文章主要介绍了.NET基础之自定义泛型,实例分析了定义泛型类、default关键字、约束类型等的用法,具有一定的参考借鉴价值,需要的朋友可以参考下 2014-11-11
asp.net 每天定点执行任务下面是每天零点执行一个存储过程
2009-05-05
the sourcesafe database has been locked by the administrator今天早上打开soucesafe的时候出现提示：“the sourcesafe database has been locked by the administrator"。仔细想想， 可能是前天晚上用"f:\\analyze.exe" -I- -DB -F -V3 -D "f:\\vssData\\data" 命今分析的时候锁定了database 2009-04-04
最新评论
评论(0)