Avalonia怎么在DataGrid中显示图片 Avalonia DataGrid图像列

在Avalonia DataGrid中显示图片需使用DataGridTemplateColumn自定义模板并嵌入Image控件，支持IBitmap、字符串路径或Base64；推荐用IBitmap类型，绑定时注意设置Width/Height和Stretch，并处理空值与加载失败。

在 Avalonia 的 DataGrid 中显示图片，核心是使用 DataGridTemplateColumn 自定义单元格模板，并在其中嵌入 Image 控件绑定图片源。Avalonia 不提供原生的“图片列”（如 WPF 的 DataGridImageColumn），必须手动实现。

图片列的基本实现方式

适用于本地资源、嵌入式资源（avares://）或 Base64 字符串等可被 Image.Source 解析的格式：

• 确保数据模型中对应属性为 IBitmap、string（路径或 URI）或 Stream；推荐用 IBitmap 类型以获得最佳性能和类型安全
• 在 XAML 中用 DataGridTemplateColumn 替代 DataGridTextColumn 或 DataGridCheckBoxColumn
• CellTemplate 内放置 Image，设置 Width/Height 和 Stretch 属性控制缩放行为

绑定本地图片资源（avares://）

若图片作为嵌入资源添加到项目（Build Action = EmbeddedResource），可通过 avares:// 协议访问：

<DataGridTemplateColumn Header="图标" Width="60">
  <DataGridTemplateColumn.CellTemplate>
    <DataTemplate DataType="models:Item">
      <Image Source="avares://YourApp/Assets/icon.png" 
             Width="24" Height="24" 
             HorizontalAlignment="Center" VerticalAlignment="Center"
             Stretch="Uniform"/>
    </DataTemplate>
  </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

登录后复制

注意替换 YourApp 为实际程序集名，路径区分大小写。

标签： app ai stream