用于不同屏幕尺寸的UI图像大小？

Question

如果我想在使用自动布局的应用中在iOS中设置按钮的背景图像，.png图像应该是多大？由于按钮的高度和宽度总是会变化，除了适应视网膜/非视网膜显示器（@ 2x？）。

Answer 1

您可以添加多个图像，并提供正常的命名约定，@ 2x，@ 3x，~iPad等。

为此，请查看Apple文档。 例如，您的图片名称为myBackground.png，然后

[UIImage imageForDeviceWithName:@"myBackground"];

然后是“myBackground”

的文件和分辨率列表

  

myBackground@2x.png == 960×640

     

myBackground-568h@2x.png == 1136×640

     

myBackground-667h@2x.png == 1334×750

     

myBackground@3x.png == 2208×1242

     

myBackground~ipad.png == 1024×768

     

myBackground@2x~ipad.png == 2048×1536

您需要为横向添加图像添加后缀，例如：~Landscape

Answer 2

当您使用图片表示特定的按钮时，请注意以下几点

• 当按钮的尺寸为 50x100 时，图片的尺寸 50x100 非ratina 即可。 按钮的大小为 50x100 ，图片的大小 100x200 Ratina >

简而言之，与按钮尺寸无关。当您使用任何图片 X 尺寸 Non Ratina 时， Ratina 显示所需的相同图片 2X （双倍尺寸）图片。

非Ratina 的

X Ratina

的

2 * x 大小

因为它可以在每个设备上运行，但按钮图像将无法正常显示。