设置与所有iDevices兼容的背景图像

时间:2015-04-15 10:53:41

标签: xcode user-interface swift xcode6

在Swift中为xCode项目创建背景图片时,我也希望它兼容所有iPhone和iPad设备,我是否必须像创建应用程序图标一样创建它?使用所有@ 2x名称,还是只需要1张图像?

图像应该是多大?

3 个答案:

答案 0 :(得分:1)

  

图片应该是多大?

图像的大小取决于它们在屏幕上的大小。例如,假设您的UIImageView的宽度和高度为100

  • 在iPad 2(没有视网膜显示屏)上你会是 使用 1x 图像,因此您的图像文件将为100x100 像素
  • 在iPhone 5(使用 2x 视网膜显示屏)上,您的图像文件需要为200x200 像素
  • 在iPhone 6+(使用 3x 显示屏)上,您的图像文件需要为300x300 像素
  

在Swift中为xCode项目创建背景图片时,我也希望它兼容所有iPhone和iPad设备,我是否必须像创建应用程序图标一样创建它?使用所有@ 2x名称,还是只需要1张图片?

您应该查看资产目录中的图像集。

来自Apple:

  

图像集:用于大多数类型的图像,图像集包含支持各种设备和比例因子所必需的图像的所有版本或表示。

以下是有关它们的更多信息:https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/Recipe.html

创建一个:

1。创建新文件。然后转到资源并选择资产目录

enter image description here

2。下一步并为您的目录命名。

3. 要添加图像集,请选择资产目录.xcassets文件)。然后按左下角的加号按钮并选择新图像集

enter image description here

4. 如果需要,您可以重命名图像集,默认情况下,其名称为“图像”。这是您用于在代码或IB中引用图像的名称。

5. 现在您已经设置了图像,可以将图像拖放到 1x 2x 3x < / em>的。或者您可以将设备(在属性编辑器中)更改为特定于设备,并为您的图像选择特定的屏幕尺寸。

enter image description here

6。现在,您可以在代码中使用以下内容创建UIImage

let image = UIImage(named: "Image") 
// Just replace "Image" with the name of your image set.

答案 1 :(得分:1)

从XCode 6开始,可以使用基于矢量的图形。这使您有机会创建一个矢量图形,并在编译期间XCode为iOS创建必要的PNG(实际上iOS 8并不完全支持基于矢量的图形)。

我使用Sketch 3来创建和使用资源,因此您可以创建一个图标(或其他)并将其导出为pdf(注意您必须选择0.5x,因为这在XCode中作为最小图标处理)

对于应用程序图标的大小,请选中apple documentation,否则您只需使用imageView的大小

答案 2 :(得分:0)

您必须以不同的分辨率创建它们。 有关详细信息,请查看:

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2

您可以找到正确的分辨率:&#34;启动文件或图像&#34;