[iOS - UI Custom] 9. 커스텀 클래스(UIControl상속) - UIStepper

* 형태

custom stepper

- UIControl을 상속 받아서, 그곳에 UIButton 두 개와, UILabel하나 추가

- (UIControl과 UIView 둘 중 하나를 상속 받아도 가능하지만 UIControl을 상속받으면 해당 객체에서 이벤트 발생하라고 명시해 줄 수 있음     , self.sendActions(for:)이용

 UIControl과 UIView클래스의 상속구조

[iOS - UI Custom] 1. UI 커스터마이징의 원리

 

1. 클래스 추가

 - 지정 초기화 메소드 두 개와 뷰 크기 세팅을 담당할 "layoutSubViews()"오버라이딩

// CSStepper.swift
class CSStepper: UIControl{
    
    // for storyboard
    public required init?(coder: NSCoder) {
        super.init(coder: coder)
        self.mySetup()
    }
    
    // for non-storyboard
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.mySetup()
    }
    
    // for basis initializer
    init(){
        super.init(frame: CGRect.zero)
        self.mySetup()
    }
    
    // CGRect변화시 호출되는 메소드 (프로퍼티의 CGRect정보를 여기에 기입해도 가능)
    override public func layoutSubviews() {
        super.layoutSubviews()
        // set up property's CGRect
    }
    
    // custom realization
    func mySetup(){
        
    }
}

 

2. 프로퍼티 추가

1) 버튼 두 개와 레이블

    var leftBtn: UIButton!
    var rightBtn: UIButton!
    var centerLbl: UILabel!

즉, sendActions와 addTarget은 한 세트로 써야함

3. 버튼 두 개와 레이블 속성 정의

// CSStepper.swift
    private func mySetup() {
        
        self.leftBtn = UIButton()
        self.rightBtn = UIButton()
        self.centerLbl = UILabel()
        
        self.leftBtn.tag = -1
        self.leftBtn.setTitle("↓", for: .normal)
        self.leftBtn.setTitleColor(.black, for: .normal)
        self.leftBtn.titleLabel?.font = .boldSystemFont(ofSize: 20)
        self.leftBtn.layer.borderWidth = 0.5
        self.leftBtn.layer.borderColor = UIColor.blue.cgColor
        
        self.rightBtn.tag = 1
        self.rightBtn.setTitle("↑", for: .normal)
        self.rightBtn.setTitleColor(.black, for: .normal)
        self.rightBtn.titleLabel?.font = .boldSystemFont(ofSize: 20)
        self.rightBtn.layer.borderWidth = 0.5
        self.rightBtn.layer.borderColor = UIColor.red.cgColor
        
        self.centerLbl.text = String(value)
        self.centerLbl.font = .systemFont(ofSize: 20)
        self.centerLbl.textAlignment = .center
        self.centerLbl.backgroundColor = .cyan
        self.centerLbl.layer.borderWidth = 0.5
        self.centerLbl.layer.borderColor = UIColor.blue.cgColor
         
        self.addSubview(self.leftBtn)
        self.addSubview(self.rightBtn)
        self.addSubview(self.centerLbl)
        
        self.leftBtn.addTarget(self, action: #selector(valueChange(_:)), for: .touchUpInside)
        self.rightBtn.addTarget(self, action: #selector(valueChange(_:)), for: .touchUpInside)
    }
    
    @objc func valueChange(_ sender: UIButton) {
        self.value += sender.tag
    }

 

* 코드 출처 : 꼼꼼한 재은씨의 스위프트 실전편