代码之家  ›  专栏  ›  技术社区  ›  Ian Warburton

按钮不能正确使用分辨率无关的图像

  •  1
  • Ian Warburton  · 技术社区  · 6 年前

    我有一张两种尺寸的照片。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模拟器上,按钮文本和图像是正确的。
    • 在iPhone8Plus模拟器上,图像根本不会出现。
    • 在iphone se设备上,只显示图像,它会占用全部 按钮的高度。

    我该怎么办?

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

    1 回复  |  直到 6 年前
        1
  •  0
  •   Ian Warburton    6 年前

    如果文件名没有后缀,在2x屏幕上,它似乎会将40px40px解释为占用屏幕上的80px80px。

    我将“@2x”后缀添加到40px40px图像的文件名中,该图像看起来不相关,但太小。

    所以我把尺寸加倍到80像素x 80像素,现在它开始工作了。

    像这样的…

    所以一定要加上后缀。