我花了几个小时搜索这个主题,但没有什么能解决我的问题。也许你们可以帮助我更好。
我想问一下设计布局以正确支持所有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的尺寸创建它们,以便它可以在所有设备上扩展,但是如何在构建实际布局时使用这些?逻辑是什么或者如何完成?
编辑:请查看此网站:https://designcode.io/iosdesign-guidelines 在(pt)中似乎有一些Apple的测量标准。例如,在其中一张图片中,他们显示边缘的边距应为8pt。由于[pt]是一个通用单元,我希望它适应其他设备。因此,如果我在编辑器中设置8的边距,它是否会在其他设备上制作不同的像素数,因此它看起来在视觉上相同?
答案 0 :(得分:0)
如果计算这样的每个视图,它将无效。
只需在该视图上设置您希望在其他设备中使用相同的约束。
如果您修复视图的高度为30,那么每个设备的高度为30。在其他设备中它不会更大或更小。
但是如果你认为,一个视图是从右边20像素,从左边20像素,从顶部条和底部布局10像素,那么这个视图在每个设备中都会有相同的比例。
我希望你能理解我想说的话。
如果我无法让您理解,请发表评论。 :)