C# AvaloniaUI實(shí)現(xiàn)圖片讀取與顯示的兩種方式

更新時(shí)間：2026年05月31日 09:18:05 作者：xiaoshuaishuai8

在 AvaloniaUI 中,圖片的讀取與顯示可以通過(guò) Image 控件和 Bitmap 類(lèi)實(shí)現(xiàn),以下是一個(gè)完整的示例代碼,展示如何從文件路徑加載圖片并顯示在界面上,需要的朋友可以參考下

AvaloniaUI 實(shí)現(xiàn)圖片讀取與顯示

在 AvaloniaUI 中，圖片的讀取與顯示可以通過(guò) Image 控件和 Bitmap 類(lèi)實(shí)現(xiàn)。以下是一個(gè)完整的示例代碼，展示如何從文件路徑加載圖片并顯示在界面上。

創(chuàng)建 AvaloniaUI 項(xiàng)目

確保已安裝 AvaloniaUI 模板。如果未安裝，可以通過(guò)以下命令安裝：

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>

實(shí)現(xiàn)圖片加載邏輯

在 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)
    {
        // 打開(kāi)文件選擇對(duì)話框
        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 文件夾），可通過(guò)以下方式加載：

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;
    }
}