iOS 按比例缩放元素与视口(viewport)的相对距离

Question

我是一名设计师，需要聪明的开发人员的帮助。请不要把我赶出去。 =P

我目前在 Sketch 中打开了三个画板 - iPhone SE、iPhone 8、iPhone XS Max 设备尺寸。有一个圆形，居中。所有画板都是@1x。只要所有设备都是 @1x，大小为 256 px 的形状在所有设备尺寸上都具有相同的尺寸。只是形状和视口(viewport)之间的距离增加了。

无缩放...

有没有一种原生的 iOS 方法可以根据到视口(viewport)的相对距离来缩放它？

基于与视口(viewport)的相对距离按比例缩放的示例

请注意，形状将由不同的元素组成，例如显示各种信息的图表。我选择了一个简单的形状来表达要点。

我问这个问题是因为圆形将是一个非常突出的元素，如果它的尺寸因 iPhone SE 需要得到适当的支撑而受到严重限制，那将是一种耻辱。

非常感谢您的帮助!

Answer 1

添加以下约束:

1. 将圆形 View 相对于其父 View 水平居中。
2. 使用等宽度约束将圆的宽度设置为等于其父 View 的宽度，乘数为0.8。
3. 使用带有乘数 1 的长宽比约束，将圆形 View 的高度设置为等于圆形 View 的宽度。
4. 最后使用常量 32 将圆的顶部边缘约束添加到其 super View 。

这将使圆占 View 宽度的 80%，另外 20% 均匀地分割到两侧(各 10%)，并且高度将增长以匹配宽度。