预览具有不同大小和语言样式的自动布局

Posted

技术标签:

【中文标题】预览具有不同大小和语言样式的自动布局【英文标题】:previewing autolayout with different sizes and language styles 【发布时间】:2013-03-29 20:43:52 【问题描述】:

我已经开始在 ios 上的 XCode 中学习新的自动布局内容。自动布局实际上非常整洁,但测试起来似乎很痛苦。我似乎记得在 Mac 端有一种方法可以预览界面并将其拖动到不同的大小以测试控件是否正确排列。是否有类似的 iOS 或一些工具来帮助测试您的 AutoLayout 视图?此外,切换到从右到左的东西也会很有用。我只想测试我的所有约束并确保它们是完美的。

【问题讨论】:

【参考方案1】:

要预览自动布局在不同条件下的作用,请在 Xcode 5 中执行以下操作:

    打开故事板。 打开助理编辑器(任意数量)。 在助理编辑器中,点击第四个按钮(显示手动/自动/等的按钮)。 选择“预览”。 您现在可以使用右下角的控件进行自定义: iOS 版本(6 或 7) 设备旋转(纵向或横向) 设备屏幕尺寸(3.5" 或 4")

根据WWDC 2012 Auto Layout by Example (Session 232) 视频模拟从右到左的语言:

设置以下参数:(使用this等方法) AppleTextDirection YES NSForceRightToLeftWritingDirection YES

更多有助于自动布局的参数可以是found here。

【讨论】:

【参考方案2】:

如果你有本地化的字符串,你可以去 Xcode Product 菜单然后选择 Scheme ---> Edit Scheme。在右侧的顶部(启动时传递的参数),单击 + 按钮,然后输入:-NSDoubleLocalizedStrings YES 并确保选中它旁边的复选框。这将使您所有的本地化字符串加倍,以模拟像德语这样的语言往往很长。

【讨论】:

这也适用于 iOS 吗?在 Xcode 5.1.1 中似乎没有效果【参考方案3】:

感谢 Apple,我们在新的 XCode 5 中进行了实时预览。

【讨论】:

【参考方案4】:

我发现 iOS 的一个选项是在 XIB 的根视图上将状态栏设置为无。这将删除黑色状态栏并显示调整大小手柄。这样,您可以拖动框架并查看控件的行为方式。它仍然不会运行代码。另外,我还没有找到如何启用从右到左的文本。

【讨论】:

以上是关于预览具有不同大小和语言样式的自动布局的主要内容,如果未能解决你的问题,请参考以下文章

具有可变图像大小和自动布局的 UICollectionViewCell

两个具有不同字体大小的自动布局 UILabel:文本顶部对齐

具有自动布局的 UIScrollView 中的动态大小的 UITableView

具有固定大小视图和自动调整大小的表格视图的自动布局

具有锚样式自动布局约束的 UIButtons 未显示

具有自动布局约束的 UITableViewCell 子类大小不正确