使用文本和圖標創建自定義 UIButton

Question

我想創建一個自定義UIButton看起來像這樣：

這個想法很簡單，我希望titleLabel從前導24px開始，到圖標圖像（即按鈕右側的方形視圖）停止12px或更多。 它最多可以包含 2 行。

問題是我不知道我應該把這段代碼放在從 UIButton 繼承的UIButton中。

go 應該draw(_ rect: CGRect) ？

另外，我應該使用titleLabel和titleEdgeInsets UIButton屬性和imageView / imageEdgeInsets ，還是為此使用自定義屬性？

Answer 1

你只是想讓這些按鈕工作、被點擊並以某種方式做出反應？ 這些按鈕是自定義按鈕，您可以為它們創建一個Cocoa Touch Class文件； 命名它並讓它繼承並成為UIButton的子類。

然后將該文件連接到 storyboard 中的按鈕。 但首先，您需要將新創建的文件設置/附加到您的按鈕。 單擊按鈕，在 storyboard 的身份檢查器中，選擇 go 按鈕到Class字段，然后輸入新文件的名稱，不要忘記點擊保存更改

現在，您的按鈕已附加到該自定義 UIButton class。 從現在開始，您可以將所有圖標圖像和更多作為插座附加到您剛剛創建的自定義 UIButton Class。

最重要的是，現在這些按鈕可以單獨使用了； 它們可以是插座或觸發操作方法。 為了讓它看起來和你一樣，你只需要初始化你的按鈕，即提供一個圖標圖像、文本等。

我寫的清楚嗎？ 如果沒有，我很樂意幫助你。