WPF: 实现带全选复选框的列表控件

WPF: 实现带全选复选框的列表控件

原文: 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