iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
Mobile Development

iOS菜逼八連續30天挑戰-2系列 第 12

iOS菜逼八連續30天挑戰-2 客製化元件:按鈕

  • 分享至 

  • xImage
  •  

今天介紹客製化的按鈕,這種情況是應用在你每個畫面按鈕樣式都一樣的情況下去設計。

1.首先建立一個swift檔案:

2.import UIKit,然後建立class:

@IBDesignable

class RadioButton: UIButton {
    @IBInspectable var selectedButtonColor:UIColor = UIColor.black
    @IBInspectable var borderColor:UIColor = UIColor.black
    
    override func draw(_ rect: CGRect) {
        self.tintColor = UIColor.clear
        layer.cornerRadius = self.frame.width / 2
        layer.borderColor = borderColor.cgColor
        layer.borderWidth = 1
        layer.masksToBounds = true
    }
}

這是一個圓形且邊框是黑色的btn,那要如何使用它?
建立你的btn,之後去把他的class給過去,記得~inherit Module From Targrt要打勾,且確保你的@IBOutlet 是RadioBtn(這是我class名稱)


上一篇
iOS菜逼八連續30天挑戰-2 多國語系的設定 (2/2)
下一篇
iOS菜逼八連續30天挑戰-2 客製化元件:按鈕(補充)
系列文
iOS菜逼八連續30天挑戰-230
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言