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

如果我想在使用自动布局的应用程序的iOS中设置button的背景图像,那么.png图像应该是多大? 由于button的高度和宽度总是会变化的,除了适应视网膜/非屏幕显示(@ 2x?)之外。

您可以添加多个图像,提供正常的@ 2x,@ 3x,〜iPad等适当的命名约定。

对于那些通过苹果文件。 例如,你的图像名称是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~Landscape

当你使用图像特定的button时,你应该记下以下几点

  • 当你的button的尺寸是50×100,那么图像的大小应该是50×100button大小为50×100,那么图片的大小应为100×200

总之与你的button大小无关。 当您在Non Ratina中使用任何具有X尺寸的图像时 ,则对于Ratina显示器需要具有2X (双倍尺寸)图像的相同图像。

非Ratina的 X尺寸

Ratina的 2 * x大小

因为它会工作的每一个设备,但你的button图像将看不到。