是否可以在 Interface Builder 中使用跟踪图像进行视图设计?

Posted

技术标签:

【中文标题】是否可以在 Interface Builder 中使用跟踪图像进行视图设计?【英文标题】:Is it possible to use a tracing image for view design within Interface Builder? 【发布时间】:2018-10-16 21:05:50 【问题描述】:

许多 ios 应用程序的 UI 要么是线框设计,要么是在实施之前完全设计好的。

在 IB 中构建 UI 的过程通常是在视觉上模仿布局和设计,但没有更简单、更准确的方法吗?不能将设计加载为临时背景以帮助放置吗?

IB 是否支持将图像加载为临时视图背景,以便可以使用图像作为指导来放置和缩放 UI 元素?

如果没有,这有什么诀窍吗?也许使用UIImageView?为它投入一个新的层次?如果是这样,在不产生问题的情况下合并跟踪图像的最佳方法是什么?以后摆脱它?

【问题讨论】:

【参考方案1】:

正如您所提到的,最好的方法是将UIImageView 添加到您的视图控制器的视图中,并带有视图边界的框架。为防止无意聚焦/替换,lock it。

为确保最大准确性,请在 Interface Builder 中将set the size of your VC 调整为参考设计的大小。

对于第三方解决方案,您也可以尝试Flawless,虽然它只适用于 iOS 模拟器。

【讨论】:

以上是关于是否可以在 Interface Builder 中使用跟踪图像进行视图设计?的主要内容,如果未能解决你的问题,请参考以下文章

是否可以在 Interface Builder 中并排显示相同的视图控制器纵向和横向?

从 Interface Builder 下拉列表中删除已删除的图像

在 Interface Builder 中使用常量

是否可以在 Interface Builder 和 Auto Layout 中说“使这个 UILabel 以另一个 UILabel 的中心为中心”? [关闭]

在 Interface Builder 中删除自动布局(约束)

在 Interface Builder 中显示在代码中创建的 UIButton