如何在我的 Xamarin.Forms 应用程序的 UWP 版本中显示图像

Question

我有一个像这样的简单 Xaml：

...
    <ContentPage.Content>
        <Grid Padding="0,40,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Image  Grid.Row ="0" Source="iMobile"
                        HorizontalOptions="CenterAndExpand"
                        WidthRequest="260" HeightRequest="129"/>
        </Grid>
    </ContentPage.Content>

图像iMobile 显示在Android 和ios 上。对于Android，我在单独的可绘制文件夹中有不同尺寸的图像。对于ios，我在 Assets 目录中有不同大小的图像。

我尝试为 UWP 做同样的事情，但似乎没有任何效果。以下是我尝试做的一些事情：

• 我已将图像添加到 UWP 项目的根目录，但这不起作用。

• 我将图像添加到 Assets 目录，但没有成功。

• 我尝试将.scale-100、.scale-200 和.scale-400 添加到图像文件的名称中（分别尝试了它们）但没有奏效。

• 我也尝试将图像放在名为 scale-100 的目录中，但这也不起作用。

任何想法可能导致我的问题以及如何解决这个问题？如此琐碎的事情占用了我这么多时间，真是令人沮丧。

更新： 我尝试使用 URL 作为源而不是 iMobile，这也不适用于 UWP，但它适用于 Android，知道为什么会这样吗？

Answer 1

如何在我的 Xamarin.Forms 应用程序的 UWP 版本中显示图像

请参考Images in Xamarin.Forms官方文档。 Xamarin 表单支持Native resolutions.

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

如果您将图像文件放在 UWP Assets 文件夹中，您可以使用以下 xaml，请注意默认的空白 xamarin 应用程序 iamge 文件的颜色为白色，我们需要设置黑色背景以突出显示它们。

<Grid BackgroundColor="Black">
    <Image>
        <Image.Source>
            <OnPlatform x:TypeArguments="FileImageSource">
                <On Platform="UWP" Value="Assets/LargeTile.png" />
                <On Platform="iOS" Value="LargeTile.png" />
                <On Platform="Android" Value="LargeTile.png" />
            </OnPlatform>
        </Image.Source>
    </Image>
</Grid>