请求编写C# Xamarin .NET Maui代码：点击按钮显示图片

完整XAML布局代码 #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourAppNamespace.MainPage">

    <VerticalStackLayout Padding="20" Spacing="15">
        <!-- 触发显示图片的按钮 -->
        <Button x:Name="changeimage" 
                Text="显示图片" 
                Clicked="ChangeImage_Clicked"/>
        
        <!-- 用于展示图片的控件，初始状态隐藏 -->
        <Image x:Name="targetImage" 
               IsVisible="False" 
               HeightRequest="300" 
               WidthRequest="300"
               HorizontalOptions="Center"/>
    </VerticalStackLayout>
</ContentPage>

后台C#代码 #

namespace YourAppNamespace;

public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }

    private void ChangeImage_Clicked(object sender, EventArgs e)
    {
        // 设置本地图片源，需确保图片已放入Resources/Images目录
        targetImage.Source = ImageSource.FromFile("your_image.png");
        // 切换图片控件为可见状态
        targetImage.IsVisible = true;
    }
}

关键配置说明 #

• 将目标图片（如your_image.png）添加到项目的Resources/Images文件夹中
• 在图片的属性面板里，设置Build Action为MauiImage，保证应用能正确读取该资源
• 若需加载网络图片，可把ImageSource.FromFile替换为ImageSource.FromUri(new Uri("https://your-image-url.com/image.jpg"))

内容的提问来源于stack exchange，提问作者Jonnatan Roberto TC