按钮未正确使用与分辨率无关的图像

Question

我有两种尺寸的图像。 x2（40px）和x3（60px）。

这是XAML ......

<Button
    Grid.Row="2"  
    Image="tick-white.png"
    Margin="8, 8, 8, 8"
    x:Name="btnSubmit"
    VerticalOptions="CenterAndExpand"
    HorizontalOptions="CenterAndExpand"
    Text="CONFIRM"
    FontAttributes="Bold"
    TextColor="White"
    WidthRequest="150"
    HeightRequest="55" />

虽然结果令人不满意......

• 在iPhone X模拟器上，按钮文字和图像是正确的。
• 在iPhone 8 Plus模拟器上，图像根本不显示。
• 在iPhone SE设备上，只显示图像并占用全部图像 按钮的高度。

那我该怎么办呢？

如果我使用没有@ x2和@ x3扩展名的单个图像文件，那么它可以正常工作。

Answer 1

在2x屏幕上没有文件名后缀的情况下，似乎将40px x 40px解释为占用了80px x 80px。

我在40px x 40px图片的文件名中添加了“ @ 2x”后缀，图片看上去没有像素化但太小了。

所以我将尺寸加倍为80px x 80px，现在可以使用了。

类似的东西...

因此请确保添加后缀。