[Swift] UIButton 버튼 눌러서 함수 호출 addTarget (처음 부터 차근차근)

이번에 알아볼 건 UIButton의 생성과  UIControl action 으로 메소드를 호출 하는 방법을 알아보겠습니다~~  스위프트로 처음 프로젝트를 시작해 보시거나 공부하시기 위해 이 포스팅을 참고하셨다면 도움이 될 것 같습니다.

뷰는 코드로 작성하지 않고 xcode 스위프트 프로젝트를 생성하면 기본적으로 세팅되어 있는 Main.Storyboard 와 ViewcController를 가지고 해보도록 하겠습니다. 

만약 스토리보드 없이 코드로 프로젝트를 시작하고 싶으신 분은 아래 포스팅을 참고하시면 됩니다.

[Swift] Storyboard 없이 Swift 프로젝트 시작하기

 

---

먼저  Main.storyboard로 이동!

Shift + ⌘ + L 

버튼을 눌러서 아래 화면과 같은 라이브러리를 켜줍니다. 

항목에서 UIButton을 드래그 해서 스토리보드에 있는 view 로 끌어 줍니다.

그러면 위 화면과 같이 view 에 button 이 추가되있는 것을 확인 할 수 있습니다

버튼의 이름을 바꾸고 싶은 경우 뷰 위에 있는 버튼을 더블 클릭하거나

인디케이터에서 더블 클릭 해주시면 됩니다.

 

프로젝트 네비게이터에서

 옵션키 + 왼쪽 창에 띄우고 싶은 파일을 클릭하면 

한 화면에 두 파일의 창이 뜹니다. 

한쪽에는  ViewController.swift 다른 한쪽에는 Main.stroyboard 띄워 줍니다

 

button 에서 오른쪽 마우스 드래그 해서 ViewController.swift 에서 놓습니다. 

 

Name 영역에 버튼 이름을 지정합니다. 저는 button 이라고 지정했습니다

@IBOutlet weak var button: UIButton!

IBOulet이 생성된걸 확인할 수 있습니다. 

이제 ViewController.swift 에서 스토리보드에 배치시킨 버튼 컴포넌트를 사용할 수 있습니다.

 

viewDidLoad()에 코드를 작성해 주겠습니다. 

 

    override func viewDidLoad() {
        super.viewDidLoad()
        button.addTarget(self, action: #selector(printLog), for: .touchUpInside)
    }

addTarget은 event 중 UIControl Actions입니다. 

action / target pattern을 사용합니다. 

사용자가 control에서 지정한 이벤트를 수행하면 이와 관련된 작업이 등록된 target으로 보냅니다

여기서 타겟은 self 이고   #selector()에서 지정한 함수가 호출 됩니다.

예전에는 함수 명만 적었었는데 스위프트 버전 올라가면서

이렇게 오브젝티브 형태로 바뀌게 됩니다...

 

    @objc func printLog() {
        print("button clicked!")
    }

버튼이 눌리면 printLog 라는 함수를 실행하게 됩니다. 빌드하고 실행해서 확인해 보면!

 

버튼을 클릭할 때 콘솔에 로그가 찍히는 걸 확인할 수 있습니다.

이제 인자를 전달하는 방법을 알아보겠습니다.

 

작성해 준 함수에서 인자를 전달 받기 위해 아래와 같이 작성해 줍니다.

    @objc func printLog(_ sender: UIButton) {
        print("button clicked!")
    }

UIButton 은 해당 함수를 호출한 UIButton 을 sender 로 접근할 수 있습니다.

 

    override func viewDidLoad() {
        super.viewDidLoad()
        button.addTarget(self, action: #selector(printLog(_:)), for: .touchUpInside)
        button.tag = 1123434

    }

addTarget에서 오류가 날탠데 함수를 찾지 못하기 때문입니다.

printLog(_:) 로 작성한 함수 찾을 수 있게 해주고 printLog 에서 button 을 사용할 수 있는지 알아보기 위해

버튼의 태그를 지정해 줍니다.

    @objc func printLog(_ sender: UIButton) {
        print("button clicked! \(button.tag)")
    }

print 에서 변수 값 프린트 해주기 위해 \()에 button.tag 작성하고 빌드해서 실행 해 줍니다.

 

버튼 누르면 버튼 태그가 콘솔에 찍히는걸 볼 수 있습니다. 

 

만약 아래처럼 변수명을 지정해 주는 경우

    @objc func printLog(name sender: UIButton) {
        print("button clicked! \(button.tag)")
    }

addTarget 에서도 호출할 함수의 형태로 지정해 줘야 합니다.

    override func viewDidLoad() {
        super.viewDidLoad()
        button.addTarget(self, action: #selector(printLog(name:)), for: .touchUpInside)
        button.tag = 1123434
    }

틀리거나 궁금한 점이 있다면 댓글 부탁드립니다!!