Avalonia 的
DataGrid(包括
TreeDataGrid)本身不内置像 WinForms
DataGridView那样直接支持
AutoSizeMode枚举的列宽自动调整机制,但可以通过组合样式、代码逻辑和列属性设置,实现“根据内容自适应列宽”的效果。关键在于理解 Avalonia 渲染机制(尤其是虚拟化与测量流程),并避开常见陷阱。
1. 设置列宽为 Auto 或使用 Fill 模式
这是最轻量级的起点:
将DataGridColumn.Width设为
"Auto"(XAML 中写为
Width="Auto"),表示该列宽度由内容决定(含标题和单元格); 或设为
"*"(如
Width="*")启用填充模式,配合
FillWeight实现比例分配; 注意:
Auto在虚拟化列表中可能仅基于可视区域内的内容测量,不一定覆盖全部数据。
<DataGridTextColumn Header="姓名" Binding="{Binding Name}" Width="Auto"/>
2. 确保标题与单元格文本对齐且不被挤压
当列宽很窄时,
DataGridColumnHeader内的
TextBlock常被右侧
Path#SortIcon挤压(尤其
Width="70"这类固定小值)。解决方法不是隐藏图标(多数样式无效),而是: 移除排序图标区域占用:通过重写
DataGridColumnHeader模板,剥离
SortIcon容器; 或更稳妥地——禁用排序(若业务允许):
<DataGridTextColumn Header="序号" Binding="{Binding Index}" CanUserSort="False" Width="Auto"/>若必须保留排序,可改用紧凑图标 + 文本省略(TextTrimming="CharacterEllipsis")+ 固定最小宽度:
<Style Selector="DataGridColumnHeader">
<Setter Property="MinWidth" Value="60"/>
<Setter Property="Template">
<ControlTemplate>
<StackPanel Orientation="Horizontal" Spacing="4">
<TextBlock Text="{TemplateBinding Content}" TextTrimming="CharacterEllipsis" MaxWidth="100"/>
<!-- 手动控制 SortIcon 显隐,避免自动布局挤压 -->
</StackPanel>
</ControlTemplate>
</Setter>
</Style>3. 手动触发内容测量并设宽(推荐用于关键列)
对需要严格贴合最长内容的列(如日志、描述字段),可在数据加载后调用代码测量:
获取DataGrid的
Items(需确保已生成容器); 遍历可视行或全量数据,用
FormattedText或
TextBlock.Measure()估算宽度; 设置
column.Width = new GridLength(estimatedWidth)。
简化示例(C#):
private void AdjustColumnWidth(DataGridColumn column, string propertyName)
{
if (dataGrid.Items is IEnumerable items && items.Cast<object>().Any())
{
double maxWidth = 0;
var textBlock = new TextBlock { FontFamily = dataGrid.FontFamily, FontSize = dataGrid.FontSize };
foreach (var item in items)
{
var value = item.GetType().GetProperty(propertyName)?.GetValue(item)?.ToString() ?? "";
textBlock.Text = value;
textBlock.Measure(Size.Infinity);
maxWidth = Math.Max(maxWidth, textBlock.DesiredSize.Width + 20); // 加内边距余量
}
column.Width = new GridLength(maxWidth);
}
}
// 调用:AdjustColumnWidth(myNameColumn, "Name");
4. 单元格内文本换行 + 列宽约束
对超长文本列,与其拼命拉宽,不如让内容折行:
设置CellTemplate中
TextBlock.TextWrapping="Wrap"; 同时给列设合理
MaxWidth或
Width="*", 并启用
VerticalAlignment="Stretch"; 确保
DataGridRow.Height不固定(即不设
RowHeight),允许行高随内容自适应。
<DataGridTextColumn Header="备注" Binding="{Binding Remark}">
<DataGridTextColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Remark}" TextWrapping="Wrap" Padding="4,2"/>
</DataTemplate>
</DataGridTextColumn.CellTemplate>
</DataGridTextColumn>
不复杂但容易忽略。核心就三点:用
Auto启动自适应、清理标题挤压源、长文本优先换行而非硬撑宽度。
