iOS:Interface Builder中带有标题的可重用渐变视图

这篇博客文章将介绍如何使用@IBDesignable和Interface Builder 创建带有标题的可重用渐变视图。

为什么这样 如果视图组件在整个应用程序中都可以重用,则编写一次并重用该组件会更容易。 它有助于设计过程,以查看这些视图组件在运行的应用程序中出现时的呈现方式,并且使更改设计的痛苦大大减轻。

最终结果如下所示:

有两个关键组件,一个@IBInspectable标题连接到UILabel ,一个CAGradientLayer:

并配置它:

如果该视图未在Interface Builder中呈现,请在菜单中:

编辑器->刷新所有视图

而已! 有关更多Interface Builder示例,请查看有关构建带下划线的Material Design文本字段的文章。