所有设备上的布局,要遵循的步骤是什么?

时间:2015-09-14 19:22:31

标签: ios autolayout size-classes

我面临的问题是如何继续我的设计师,然后在我的应用程序(使用Size类的iOS应用程序)上进行布局。

这是他们的进展方式:

1 /我公司的设计师正在为插画家准备用户体验/用户界面,他正在准备320×568(是这样吗?)

2 /根据用户体验将图像导出为.pdf File @ 1x

3 /我正在使用Size Class @ storyboard

所以:

(a)我有一个需要在屏幕中间的图像(圆圈)。

(b)设计师的UX(基于iPhone 5)有一个200 * 200px的图像,我设置了约束:水平居中&垂直。适用于iPhone 5,4s

(c)然后在iPhone 6上,6Plus在屏幕中间看起来太小了,所以我决定设置不同的约束来根据宽度设置比例,还是正确吗?

出现问题:

(d)基础图像@ 1x是200 * 200px,我的UIImageView比例变为~260 * 260px,图像渲染效果不佳。

如何进行?

1 /我的设计师应该为我提供一个image.pdf @ 1x,用于不同尺寸,200px和260px,我会更改我在代码中使用的图像以适应不同的设备吗?

2 /我应该保留一张适合所有尺寸的图像,只能使用约束吗?

注意:我通常使用切片,当它是关于我可以切片的形状时。

1 个答案:

答案 0 :(得分:0)

您的设计师应该设计最大屏幕尺寸的分辨率并将图形导出为PDF格式。然后,您应该以PDF格式导入图形。

  1. 在image.assets文件夹中将.pdf图形拖放到文件夹
  2. 选择刚刚添加的图片
  3. 在右栏上的属性检查器中,将比例因子更改为“单一矢量”