[iOS - UI Custom] 7. 커스텀 클래스 - UIButton

 

 

- 특정 클래스를 상속받아서(UIButton, UILabel,,,) UI를 구현

- 완성된 커스텀 클래스는 객체를 생성하여 바로 사용 & storyboard에서 클래스 연결하여 사용

 

*커스텀 클래스에서 중요한 기본내용은 init개념

 init개념

[swift] 13. 초기화(init, convenience init, required init, override init)

 

1. UIButton 커스텀 기본 구성

1) 세 가지 기본 init 구현

class CSButton: UIButton {
    
    // 스토리보드에서 참고
    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)!
    }
    
    override init(frame: CGRect){
        super.init(frame: frame)
    }
    
    init() {
        super.init(frame:CGRect.zero)
    }
}

 

2) 커스텀정의 : 적절한 초기화 구문에 "self."로 접근하여 속성 지정

    // CSButton.swift
    init() {
        super.init(frame:CGRect.zero)
        
        self.backgroundColor = .black
        self.layer.borderColor = UIColor.black.cgColor
        self.layer.borderWidth = 2
        self.layer.cornerRadius = 2
        self.setTitleColor(.white, for: .normal)
        self.setTitle("custom button", for: .normal)
    }

3) 커스텀 사용

    // ViewController.swift
    override func viewDidLoad() {
        super.viewDidLoad()
        let btn = CSButton()
        btn.frame = CGRect(x: 50, y: 100, width: 150, height: 30)
        self.view.addSubview(btn)
}

2. 편리하게 다룰 수 있도록 Custom하기

1) enum상수 이용 : 외부에서 ".black"과 같이 쉽게 이용 가능

// CSButton.swift
 
// enum사용시, 외부에서도 ".rect"와 같이 쉽게 접근 할 수 있음
public enum CSButtonType {
    case rect
    case circle
}

 

3) 객체생성 후 프로퍼티로 접근할 수 있도록 연산프로퍼티(didset)정의

    // didSet 연산 프로퍼티 정의하면, 외부에서 "객체.style ="꼴로 접근하기 쉬움
    var style: CSButtonType = .rect {
        didSet {
            switch style {
            case .rect:
                self.backgroundColor = .black
                self.layer.borderColor = UIColor.black.cgColor
                self.layer.borderWidth = 2
                self.layer.cornerRadius = 0
                self.setTitleColor(.white, for: .normal)
                self.setTitle("Rect button", for: .normal)
                
            case .circle:
                self.backgroundColor = .red
                self.layer.borderColor = UIColor.blue.cgColor
                self.layer.borderWidth = 2
                self.layer.cornerRadius = 50
                self.setTitle("Circle Button", for: .normal)
            }
        }
    }
 

 

- 사용

   // ViewController.swift
    override func viewDidLoad() {
        super.viewDidLoad()
        let btn = CSButton(type: .circle)
        btn.frame = CGRect(x: 50, y: 100, width: 150, height: 30)
        btn.style = .rect
        self.view.addSubview(btn)
    }
 

 

3. Action메소드 삽입

1) @objc func 메소드 정의

    // CSButton.swift
    @objc func changeColor(_ sender: UIButton) {
        self.backgroundColor = .cyan
    }