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

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，现在它可以工作了。

类似的东西...

因此，请确保添加后缀。