[iOS] View와 Button 에 click action 등록하기

클릭으로 인한 이벤트 발생을 위해서는 View나 Button에 클릭 이벤트를 달아주어야 하는데, View와 Button에 클릭 이벤트를 다는 방법이 다르다. 그 방법을 간단히 소개해보려 한다.

Button에 click action 달기

    private lazy var setBtn: UIButton = {
        let btn = UIButton()
        btn.addTarget(self, action: #selector(setBtnTap), for: .touchUpInside)
        return btn
    }()
    
    @objc
    func setBtnTap() {
		print("setBtnTap")
    }

우선 click 했을 때 실행하는 함수를 만들어줘야한다. 간단히 setBtnTap 이라는 함수를 만들었고, 다음에 UIButton View 를 하나 만들었다. 그 버튼에 addTarget이라는 메서드를 사용하여 앞에서 만든 setBtnTap 함수를 등록했다. 뒤에 for 는 어떤 행동을 인식하는지 설정하는데 일반적인 터치는 .touchUpInside를 넣으면 된다.

View에 click action 달기

꼭 button이 아닌 label, UIView, UIImageView 등 다양한 View 에도 클릭 이벤트가 필요한 경우가 분명히 있다. 우선 코드를 간단히 살펴보자.

    private lazy var partnerProfileUIImageView: UIImageView = { // 이미지 뷰
        let view = UIImageView()
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(partnerProfileTap(_:))) // UIImageView 클릭 제스쳐
        view.addGestureRecognizer(tapGesture)
        view.isUserInteractionEnabled = true
        return view
    }()
    
    @objc
    func partnerProfileTap(_ gesture: UITapGestureRecognizer) {
		print("partnerProfileTap")
    }

개인적으로 진행중인 프로젝트의 일부분인데 button 처럼 클릭했을 때 실행하는 함수를 만들어주는 부분까지는 똑같다. 다른점은 button 은 addTarget이라는 메서드를 사용했는데 button이 아닌 label이나 View 들은 addTarget 메서드가 없어서 UITapGestureRecognizer 을 통해 똑같은 기능을 만들 수 있다. target에는 self, action 에는 만들어놓은 함수를 넣어주고 addGestureRecognizer 을 통해 만든 gesture를 등록해주고 isUserInteractionEnabled = true 를 해주면 된다.

isUserInteractionEnabled = false 면 뷰에 touch, press, keyboard 등 event 전달이 되지 않고, true 면 정상적으로 뷰에 전달이 된다. 공식문서를 통해 UILabel, UIImageView 두 개를 확인해봤는데 전부 default 값이 false 인걸로 보아 button이 아닌 다른 뷰에 gesture를 달려면 isUserInteractionEnabled = true 를 꼭 작성해줘야 하는 것 같다.

UIImageView isUserInteractionEnabled 공식 문서
UILabel isUserInteractionEnabled 공식 문서