avalonia 控件-Image(显示图片)

1- resm方式

将图片文件属性设置为嵌入的资源
Source=“resm:项目名称.图片文件夹.图片文件.png?assembly=项目名称”

<Image Cursor="Hand" Width="40" Height="40"Source="resm:TestClient.Resources.title.png?assembly=resm:TestClient"/>

2- avares:// 路径格式

将要显示的图片文件，添加到项目，图片属性选择AvaloniaResource

<Image Cursor="Hand" Width="40" Height="40"Source="avares://TestClient/Assets/title.png"/>

3-svg格式图片显示

GeometryDrawing Brush=“#FFF7FCFF” 表示画图的颜色
GeometryDrawing.Geometry 是具体的图像数据，复用情况下，可放在资源文件中引用

svg文件资源方式引用
1-创建Resource文件，并添加svg文件信息

2-要使用图片页面所在的项目App.axaml文件添加引用

<Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries> <ResourceInclude Source='avares://TestResource/SvgIcons.axaml'/></ResourceDictionary.MergedDictionaries></ResourceDictionary></Application.Resources>

3-页面显示添加引用

<Button Click="Btn_Click" Classes="IconStyle" IsVisible="{Binding ElementName=rdoBtn,Path=IsChecked}" ><Image Stretch="Uniform" Width="20" Height="20" ><DrawingImage Drawing="{StaticResource DelDrawingGroup}"/></Image></Button>

3.4-图像单一情况下也可使用

直接显示：

<Image Stretch="Uniform" Width="22" Height="22"><DrawingImage><GeometryDrawing Brush="#606266" Geometry="M85.333 490.667l853.333 0 0 42.667-853.333 0 0-42.667z"/></DrawingImage></Image><Image Stretch="Uniform" Width="22" Height="22"><DrawingImage><GeometryDrawing Brush="#606266">M85.333 490.667l853.333 0 0 42.667-853.333 0 0-42.667z</GeometryDrawing></DrawingImage></Image>

使用资源：

<Image Stretch="Uniform" Width="22" Height="22"><DrawingImage><GeometryDrawing Brush="#606266" Geometry="{StaticResource DelGeometry}"/></DrawingImage></Image>

图像资源：

<ResourceDictionary xmlns="/avaloniaui"xmlns:x="/winfx//xaml"><Geometry x:Key="Geometry"></Geometry><Geometry x:Key="DelGeometry">M85.333 490.667l853.333 0 0 42.667-853.333 0 0-42.667z</Geometry>

4-使用代码创建Image

var img = new Image{Source = new DrawingImage{Drawing = new ImageDrawing{ImageSource = new Bitmap(BitmapPath),Rect = new Rect(0, 0, 200, 200),}}

5-后台代码生成xaml页面控件

1-添加NuGet包引用，Avalonia.Markup.Xaml.Loader

2-使用

string imageXaml = @"<Image xmlns='/avaloniaui' Name='img' Stretch='Uniform' Width='22' Height='22'><DrawingImage Drawing = '{StaticResource DrawingGroup}'/> </Image>";if (!string.IsNullOrEmpty(imageXaml)){var image = (Image)AvaloniaRuntimeXamlLoader.Load(imageXaml);btn.Content = image;}

6-代码设置Source

6.1-Image.Source=byte[]

/// <summary>/// byte[]转IBitmap/// </summary>/// <param name="bytes"></param>/// <returns></returns>public static IBitmap ByteToBitmap(byte[] bytes){IBitmap bmpImg;try{if (bytes == null || bytes.Length == 0){bmpImg = null;}else{bmpImg = new Bitmap(new MemoryStream(bytes));}}catch{bmpImg = null;}return bmpImg;}//使用Image image = new Image();image.Source = ByteToBitmap(imageBytes);

6.2-Image.Source=图片路径

public static IBitmap UriToBitmap(string uri){IBitmap bitmap = null;var assets = AvaloniaLocator.Current.GetService<IAssetLoader>();bitmap = new Bitmap(assets.Open(new Uri(uri))); if (bitmap == null){bitmap = new Bitmap(uri);}return bitmap;}//使用Image image = new Image();image.Source = UriToBitmap();

6.3-Image.Source=图片路径

Image image = new Image{Source = new DrawingImage{Drawing = new ImageDrawing{ImageSource = new Bitmap(BitmapPath),Rect = new Rect(0, 0, 200, 200),}}}

6.4-Image.Source=图片文件数据

DrawingGroup drawingGroup = new DrawingGroup();var geometryDrawing = new GeometryDrawing{Pen = new Pen(SolidColorBrush.Parse("#909399")),Geometry = (Geometry)};drawingGroup.Children.Add(geometryDrawing);(image.Source as DrawingImage).Drawing = drawingGroup;//或者DrawingImage drawingImage = new DrawingImage(drawingGroup);image.Source = drawingImage;