ios - 如何缩放 iOs 5+ 的 UI

标签 ios iphone cocoa-touch storyboard interface-builder

我已经使用 Storyboard为 iPhone 6 构建了一个 UI。
注意:自动布局已启用 UI 元素的定位具有相对于其他元素的恒定约束。
当我在 iPhone 6 的模拟器上运行该应用程序时,它运行良好,元素位置正确。

当我在 iPhone 6 plus 和 iPhone 5 上运行应用程序时出现问题

在 iPhone 6 和 iPhone 5 上,约束具有恒定值,并且 UI 会因屏幕尺寸的变化而变形。
我已经完成了 raywenderlich blog for autolayouts
我如何根据屏幕尺寸向上/向下缩放当前 UI?(如果有办法的话),因为它们共享相同的纵横比?

编辑:
我主持了一个小型演示 here .我想构建一个单一的 UI 并将其扩展到各种外形尺寸。

最佳答案

我在这里附加了一个带有约束设置的项目。可能有很多方法可以设置它们以获得您想要的东西。这只是一种方法。

希望此链接有效。

This link is broken as of today 7 April 2016 http://speedy.sh/zPEcq/ConstraintsPlayground.zip

实际上还有一些不需要的约束。 (忘记删除它们)它们是“灰色的”,在绿色和黄色 View 下。您可以删除它们。


回复评论:

要“缩放”距离,您需要定义应该缩放的距离。是屏幕的宽度吗?应该是什么尺度?应该有最大距离吗?最小距离?你几乎可以做任何有约束的事情,但有时它会因为 xcode 是一个 b*tch 而变得一团糟。

下面是一个示例,说明如何根据屏幕大小缩放两个 View 之间的距离。灰色 View 只是间距 View ,因为您需要为间距 View 和容器 View 设置从宽度到宽度的纵横比。间距 View 在生产中应该有清晰的颜色:

This link is broken as of today 7 April 2016 http://speedy.sh/B7R95/ConstraintsPlayground-2.zip

关于ios - 如何缩放 iOs 5+ 的 UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26657717/

相关文章:

android - 如何访问适用于 iOS 和 Android 的 Xamarin.Forms 中的目录路径?

ios - 在启动之间保存数据的权威方法。

ios - 如何让用户能够快速浏览一系列图像?

ios - 导航 Controller 工具栏中的 UIBarButton

ios - iOS 中通过 wifi 的点对点网络

javascript - 如何获得正确的 UIWebView 内容高度?

iphone - 如何格式化字符串中的日期?

ios - Twilio IP 消息传递 token 问题

android - iOS 版 Chrome 和 Android 版 Chrome 之间的区别

ios - 使两个不同的按钮创建两个不同的电子邮件主题