在 Avalonia 中,
DataGrid并没有内置的
DataGridCheckBoxColumn(不像 WPF 那样),但你可以通过
DataGridTemplateColumn+ 自定义
DataTemplate轻松实现复选框列,且支持双向绑定和编辑行为。
使用 DataGridTemplateColumn 模拟 CheckBox 列
这是最常用、最灵活的方式。你需要手动定义单元格的显示模板(DisplayTemplate)和编辑模板(EditTemplate),并确保绑定到数据源的布尔属性。
DisplayTemplate 用于只读状态(显示勾/空) EditTemplate 用于编辑状态(点击可切换) 绑定需使用{Binding IsSelected, Mode=TwoWay} 确保修改能回写到数据源
示例 XAML:
<DataGridTemplateColumn Header="选择">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
<DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
</DataTemplate>
</DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>
确保数据模型支持双向绑定
你的数据项类(如
Person)必须实现属性变更通知(INotifyPropertyChanged),否则 UI 不会响应复选框变化。 属性应为
bool类型(如
public bool IsSelected { get; set; })
若用 ObservableCollection<t></t>作为 ItemsSource,请确保
T是可通知的 不推荐用
bool?,除非你明确需要三态逻辑(此时需额外处理
IsThreeState和
null值)
添加全选/反选功能(可选增强)
在 DataGrid 头部或工具栏加一个“全选”复选框,绑定到 ViewModel 的命令或属性,批量更新所有行的
IsSelected。 ViewModel 中提供
AllSelected属性(
bool),并监听其变化,同步设置所有项 注意:触发时避免重复 NotifyPropertyChanged,可用
SuppressNotifications或临时取消监听 建议配合
CanExecute控制按钮是否启用(例如当无数据时不显示)
样式与交互微调
默认 CheckBox 在 DataGrid 单元格中可能显得太小或对齐偏移,可通过模板调整:
设置Width/Height或用
MinWidth保证点击区域 用
Margin微调位置(如
Margin="0,4"垂直居中更稳) 禁用焦点虚线框:在 CheckBox 上加
Focusable="False"(不影响点击) 如需点击整行触发选中,可在
DataGrid.RowStyle中绑定
Command,但复选框列本身保持独立
基本上就这些。Avalonia 的 DataGrid 虽不如 WPF 功能丰富,但靠 TemplateColumn + MVVM 绑定完全能满足复选框列需求,关键在于模板一致、绑定模式正确、数据可通知。
