使用文本和图标创建自定义 UIButton

Question

我想创建一个自定义的UIButton，如下所示：

这个想法很简单，我希望titleLabel 从前导开始 24px，并在图标图像（即按钮右侧的方形视图）处停止 12px 或更多。它最多可以包含 2 行。

问题是我不知道应该把这段代码放在继承自UIButton 的类中的什么位置。

draw(_ rect: CGRect) 应该输入什么？

另外，我应该使用titleLabel 和titleEdgeInsets UIButton 属性以及imageView/imageEdgeInsets，还是为此使用自定义属性？

Answer 1

您只是希望这些按钮能够工作、被点击并以某种方式做出反应？ 这些按钮是自定义按钮，您可以为它们创建一个Cocoa Touch Class 文件；命名它并让它继承自 UIButton 并成为其子类。

然后将该文件连接到情节提要中的按钮。 但首先，您需要将新创建的文件设置/附加到您的按钮。单击按钮，在故事板的身份检查器中，选择按钮后转到Class 字段并输入新文件的名称，不要忘记点击“返回”以保存更改。

现在，您的按钮已附加到该自定义 UIButton 类。 从现在开始，您可以将所有图标图像和更多作为插座附加到您刚刚创建的自定义 UIButton 类中。

最重要的是，现在这些按钮可以单独使用；它们可以是出口或触发动作方法。为了让它看起来和你一样，你只需要初始化你的按钮，即提供一个图标图像、文本等。

我写的清楚吗？ 如果没有，我很乐意为您提供帮助。