Xamarin.Forms 中如何添加图像和图标？

Question

这是我第一次使用 Xamarin.Forms，我想知道如何添加图标或图像。我试着查了一下，但是很复杂

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:hello"
             x:Class="hello.MainPage">
    <StackLayout >
        <Label Text="Hello" 
               VerticalOptions="Center" 
               HorizontalOptions="Center" 
               TextColor="White"
               FontSize="30"
               FontAttributes="Italic"/>

        <Image /> I am trying to add it here
        <Icon/> I am trying to add it here

        <Label Text="Name" 
               VerticalOptions="Center" 
               HorizontalOptions="Center" 
               TextColor="White"
               Font="large"/>
        <entry placeholder="Enter your name here"/>
    </StackLayout>
</ContentPage>

Answer 1

在Xamarin.Forms建议只因为每个平台需要不同尺寸和分辨率的图像添加在本地项目中的图像。所以我们在这里添加图像，我们是如何为 Android 和 iOS 项目做的。

安卓：

• drawable-mdpi
• drawable-hdpi
• drawable-xhdpi
• drawable-xxhdpi

hdpi，mdpi drawable-xhdpi drawable-xxhdpi指的是每英寸点数的屏幕密度。

最佳做法是将您的应用程序启动器图标放在 mipmap（而不是 drawable- 文件夹）中

请记住，在 Android 中，所有图像都位于不同的文件夹中，但具有相同的命名约定。

在Drawable文件夹中添加图像：

IOS：

自 iOS 9 以来，Apple 已弃用这种在 iOS 应用程序中处理图像的方法。您应该改用资产目录。

有关更多信息，请参阅图像大小和文件名。

对于 iOS 项目，展开Resources文件夹并在此处添加图像。在 iOS 中，我们遵循命名约定来区分我们的图像。如果您的图像名称是abc.png，对于此图像的高版本，您可以使用abc@2x.png或abc@3x.png等。

请记住，在 iOS 中，所有图像都在同一个文件夹中，但具有不同的命名约定。

在Resource文件夹中添加图像：

UWP：

通用 Windows 平台 (UWP) - 使用构建操作：内容将图像放置在应用程序的根目录中。

UWP 图像文件名可以在文件扩展名前加上.scale-xxx后缀，其中xxx是应用于资产的缩放百分比，例如myimage.scale-200.png. 然后可以在没有缩放修饰符的情况下在代码或 XAML 中引用图像，例如仅myimage.png. 平台将根据显示器的当前 DPI 选择最接近的适当资产规模。

在共享项目中使用图像

<Image  Source="Image1"  WidthRequest="80" HeightRequest="80" ></Image>