2016-11-07 43 views
0

我花了几个小时的时间来搜索这个主题,但没有什么能完全解决我的问题。也许你们可以帮助我更好。在Xcode中为所有iPhone设计布局尺寸的正确方法

我要问什么是设计布局,以正确地支持所有iPhone手机的正确方法。对我来说也是最简单的方法。

我的风格是我第一次设计为最小的设备,然后扩展东西的其他设备。这是好的还是这不是应该如何做?

我的问题是,我创建应根据显示器尺寸扩大的布局。我将给出一个具有320×480点(相当于320×480像素)屏幕和iPhone 6屏幕为375×667点(这是750×1334像素,因为不同的像素密度)。

现在我想打一个按钮或文本框或原iPhone的矩形(什么),如果我启动它更大的设备上像iPhone 6

这样会得到更大的,如果我有具有高度的按钮原始iPhone上的30(pt),它应该在iPhone 6上更大。但是多大?

难道我每次来计算这30磅到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),一些苹果公司的测量standarts。

上。例如它们示出了从侧面边缘应8PT图片之一。由于[pt]是一个通用单元,我希望它能适应其他设备。因此,如果我在编辑器中设置8的边距,它会在其他设备上制作不同的像素数量,因此它在外观上看起来是一样的吗?

+1

请查看AutoLayout上的主题。 – user2071152

+0

我很了解你,因为我有同样的问题。解决方案是** AutoLayout **。这是你必须学习的基本知识。请检查了这一点:http://stackoverflow.com/questions/39888238/how-to-fit-view-controller-for-all-iphones – coskukoz

回答

0

如果你计算每个这样的视图,它将无法正常工作。

只需在其他设备上设置相同的视图即可。

,如果你解决一个视图的高度像30那么它将30的每个设备。其他设备不会变得更大或更小。

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

我希望你明白我想要说的话。

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

+0

我很感谢你的答案,但我不知道,如果我们在同一件事。请看这个网站:https://designcode.io/iosdesign-guidelines 似乎有一些苹果公司的测量标准在PT单位。例如他们说边际应该是8点。如何在所有设备上实现8点的裕度?因为如果我打开更大/更小的设备,它在视觉上看起来会非常不同。与文本相同的概率。它不会更改不同筛选器上的大小。如果我在小型设备上制作尺寸适中的设备,它在较大的设备上完全小巧 - 如果它在px中而不是在pt中。 –