C# AvaloniaUI实现图片读取与显示的两种方式
作者：xiaoshuaishuai8
在 AvaloniaUI 中,图片的读取与显示可以通过 Image 控件和 Bitmap 类实现,以下是一个完整的示例代码,展示如何从文件路径加载图片并显示在界面上,需要的朋友可以参考下
AvaloniaUI 实现图片读取与显示
在 AvaloniaUI 中，图片的读取与显示可以通过 Image 控件和 Bitmap 类实现。以下是一个完整的示例代码，展示如何从文件路径加载图片并显示在界面上。
创建 AvaloniaUI 项目
确保已安装 AvaloniaUI 模板。如果未安装，可以通过以下命令安装：
dotnet new install Avalonia.Templates dotnet new avalonia.app -n AvaloniaImageDemo
修改主窗口代码
在 MainWindow.axaml 中定义 Image 控件：
<Window xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="AvaloniaUI 图片显示示例">
<StackPanel>
<Image x:Name="PreviewImage" Width="300" Height="300"/>
<Button Content="选择图片" Click="OnLoadImageClick"/>
</StackPanel>
</Window>实现图片加载逻辑
在 MainWindow.axaml.cs 中添加以下代码：
using Avalonia;
using Avalonia.Controls;
using Avalonia.Input;
using Avalonia.Media.Imaging;
using Avalonia.Platform;
using System.IO;
using System.Threading.Tasks;
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private async void OnLoadImageClick(object sender, RoutedEventArgs e)
{
// 打开文件选择对话框
var dialog = new OpenFileDialog();
dialog.Filters.Add(new FileDialogFilter { Name = "图片文件", Extensions = { "jpg", "png", "bmp" } });
var result = await dialog.ShowAsync(this);
if (result != null && result.Length > 0)
{
var filePath = result[0];
await LoadImageAsync(filePath);
}
}
private async Task LoadImageAsync(string filePath)
{
// 异步加载图片
using (var stream = File.OpenRead(filePath))
{
var bitmap = new Bitmap(stream);
PreviewImage.Source = bitmap;
}
}
}
从资源加载图片
如果图片嵌入到程序集中（如 Assets 文件夹），可通过以下方式加载：
private void LoadEmbeddedImage()
{
var assets = AvaloniaLocator.Current.GetService<IAssetLoader>();
using (var stream = assets.Open(new Uri("avares://AvaloniaImageDemo/Assets/sample.png")))
{
var bitmap = new Bitmap(stream);
PreviewImage.Source = bitmap;
}
}
注意事项
- 文件路径需确保应用有访问权限。
- 图片格式需为 Avalonia 支持的格式（如 PNG、JPEG、BMP）。
- 异步加载大图片时建议使用
await避免阻塞 UI 线程。
以上代码实现了从文件系统选择图片并显示的功能，同时提供了从嵌入式资源加载的示例。
以上就是C# AvaloniaUI实现图片读取与显示的两种方式的详细内容，更多关于C# AvaloniaUI图片读取与显示的资料请关注脚本之家其它相关文章！