当我们使用不同尺寸和类型的屏幕时,如何在 iOS 中设置 UI 控件的宽度和高度约束?

Posted

技术标签:

【中文标题】当我们使用不同尺寸和类型的屏幕时,如何在 iOS 中设置 UI 控件的宽度和高度约束?【英文标题】:How setting width and height constraints of UI controls in iOS works when we use different size and types of screen? 【发布时间】:2015-12-26 15:06:16 【问题描述】:

我正在学习 ios 中的自动布局,如何设置边距或设置控件的宽度和高度将根据 iPhone 和 iPad 尺寸的不同尺寸进行缩放。

例如,如果我在 iPhone 中设置 200 x 200 的图像,它与 iPad 相比会不会显得非常小,即使 iPhone 5S 也比 iPhone 6S Plus 小很多。

我遗漏了一些与自动布局相关的重要内容?

【问题讨论】:

【参考方案1】:

我们总是使用“尺寸等级”来适配 iPhone 和 iPad。因此,如果您想在 iPhone 中获得 200 x 200 的图像,只需设置 wC-hA 尺寸,然后将尺寸更改为 wR-hR,为 iPad 设置 300*300。

你可能不想给图像设置绝对宽度,纵横比约束是设置相对宽度的好方法:

它将按钮的宽度设置为超级视图宽度的四分之一。

【讨论】:

以上是关于当我们使用不同尺寸和类型的屏幕时,如何在 iOS 中设置 UI 控件的宽度和高度约束?的主要内容,如果未能解决你的问题,请参考以下文章

xcode ios - 如何使图像适合不同的屏幕尺寸

如何让圆圈保持圆圈并在不同的屏幕尺寸上调整大小?

iOS - 自动布局与不同屏幕尺寸的不同故事板

iOS Storyboard,布局在 4.0 英寸屏幕尺寸和 3.5 英寸屏幕尺寸之间笨拙地转换

API - iOS 和 Android 的图像尺寸(不同的屏幕尺寸) - 优化

自动布局视图在不同的屏幕尺寸上总是相同的尺寸