为Xcode中的所有iPhone设计布局尺寸的正确方法

时间:2016-11-07 13:40:01

标签: ios swift xcode layout interface-builder

我花了几个小时搜索这个主题,但没有什么能解决我的问题。也许你们可以帮助我更好。

我想问一下设计布局以正确支持所有iPhone的正确方法是什么。对我来说也是最简单的方法。

我的风格是我首先为最小的设备进行设计,然后为其他设备进行扩展。这没关系,还是这不应该怎么做?

我的问题是我正在创建一个应根据显示大小进行扩展的布局。

我将举一个原创iPhone的例子,其屏幕为320 x 480点(相当于320 x 480像素)和iPhone 6,屏幕为375 x 667点(因为不同而为750 x 1334像素)像素密度)。

现在我想在原始iPhone上制作一个按钮或文本框或矩形(无论如何),如果我在像iPhone 6这样的大设备上启动它,它会变得更大。

因此,如果我在原装iPhone上有一个高度为30(pt)的按钮,它在iPhone 6上应该更大。但是要大一些呢?

我是否每次都必须在更大的设备上计算30 pt到pt,或者是否有更好的方法可以自动工作,所以我不必重新计算每个设备的所有尺寸?什么是正确的方法?

Btw:我知道在设计图标,按钮或任何.png文件时,我必须以1x,2x和3x的尺寸创建它们,以便它可以在所有设备上扩展,但是如何在构建实际布局时使用这些?

逻辑是什么或者如何完成?

THIS PICTURE is showing the dimension proportions I found on the web and little bit of idea of my problem below.

编辑:请查看此网站:https://designcode.io/iosdesign-guidelines 在(pt)中似乎有一些Apple的测量标准。

例如,在其中一张图片中,他们显示边缘的边距应为8pt。由于[pt]是一个通用单元,我希望它适应其他设备。因此,如果我在编辑器中设置8的边距,它是否会在其他设备上制作不同的像素数,因此它看起来在视觉上相同?

1 个答案:

答案 0 :(得分:0)

如果计算这样的每个视图,它将无效。

只需在该视图上设置您希望在其他设备中使用相同的约束。

如果您修复视图的高度为30,那么每个设备的高度为30。在其他设备中它不会更大或更小。

但是如果你认为,一个视图是从右边20像素,从左边20像素,从顶部条和底部布局10像素,那么这个视图在每个设备中都会有相同的比例。

我希望你能理解我想说的话。

如果我无法让您理解,请发表评论。 :)