UIKit의 버튼과 액션 처리 방법

작성일 : 2024-07-24

UIKit의 버튼과 액션 처리 방법

애플의 iOS 개발 플랫폼에서는 UIKit 프레임워크를 통해 다양한 사용자 인터페이스 컴포넌트를 제공하며, 이 중 버튼(UIButton)은 가장 기본적이고 자주 사용되는 컴포넌트 중 하나입니다. 이 글에서는 UIKit을 사용하여 버튼을 생성하고, 버튼의 액션을 처리하는 방법을 자세히 설명합니다.

UIButton 생성하기

버튼을 생성하는 방법에는 여러 가지가 있습니다. Storyboard를 사용하는 방법과 코드로 직접 생성하는 방법이 있는데, 여기서는 코드로 버튼을 생성하는 방식을 먼저 설명하겠습니다.


swift
import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        let button = UIButton(type: .system)
        button.frame = CGRect(x: 100, y: 100, width: 100, height: 50)
        button.setTitle("Tap Me", for: .normal)
        button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
        self.view.addSubview(button)
    }

    @objc func buttonTapped() {
        print("Button was tapped!")
    }
}

위의 코드는 간단한 버튼을 생성하고, 버튼이 탭되었을 때 실행되는 액션 메서드를 정의한 예제입니다. UIButton의 type으로 .system을 사용하면 기본 스타일의 시스템 버튼을 생성할 수 있습니다. frame을 통해 버튼의 위치와 크기를 지정하고, setTitle 메서드로 버튼의 타이틀을 설정합니다. addTarget 메서드를 사용하여 버튼이 탭되었을 때 실행할 메서드를 지정합니다.

버튼 커스터마이징

버튼은 다양한 속성을 통해 커스터마이징할 수 있습니다. 배경색, 타이틀 색상, 폰트, 이미지 등을 설정하여 버튼의 외관을 변경할 수 있습니다.


swift
button.backgroundColor = .blue
button.setTitleColor(.white, for: .normal)
button.titleLabel?.font = UIFont.boldSystemFont(ofSize: 16)

위의 코드를 추가하면 버튼의 배경색이 파란색으로, 타이틀 색상이 흰색으로 설정되고, 타이틀 폰트가 굵은 글씨체로 변경됩니다. 또한, 버튼에 이미지를 추가할 수도 있습니다.


swift
button.setImage(UIImage(systemName: "star"), for: .normal)

위 코드를 사용하여 버튼에 별 모양의 이미지를 추가할 수 있습니다. You can customize the button further by using different properties and methods provided by UIButton.

액션 처리 방법

버튼의 액션을 처리하는 방법은 다양한데, 보통은 addTarget 메서드를 사용하여 특정 메서드를 액션으로 지정합니다. 앞서 소개한 것처럼 selector와 #selector 구문을 사용하여 메서드를 지정할 수 있습니다. 또한, UIControl의 다양한 이벤트를 처리할 수 있는 메서드도 제공합니다.

여러 이벤트 처리

하나의 버튼은 여러 이벤트를 처리할 수 있습니다. 예를 들어 버튼이 눌리고 있을 때와 놓을 때 각각 다른 액션을 지정할 수 있습니다.


swift
button.addTarget(self, action: #selector(buttonTouchDown), for: .touchDown)
button.addTarget(self, action: #selector(buttonTouchUpInside), for: .touchUpInside)

이렇게 하면 buttonTouchDown 메서드는 버튼이 눌렸을 때 실행되고, buttonTouchUpInside 메서드는 버튼이 눌린 후 손가락이 버튼 안에 있을 때 실행됩니다.

Storyboard를 이용한 UIButton 생성

Storyboard를 사용하면 더 직관적으로 인터페이스를 디자인할 수 있습니다. 여기서는 Storyboard를 사용하여 버튼을 생성하고, IBOutlet과 IBAction을 사용하여 액션을 처리하는 방법을 설명하겠습니다.

Main.storyboard 파일을 열고, 버튼을 뷰 컨트롤러에 드래그해서 놓습니다.
생성된 버튼을 선택하고, 오른쪽 패널의 Attributes Inspector에서 버튼의 타이틀을 설정합니다.
버튼을 선택한 상태에서, Assistant Editor를 열고 ViewController.swift 파일을 엽니다.
버튼을 선택하고, Control 키를 누른 상태에서 ViewController 클래스 안으로 드래그합니다. 이때, 나타나는 팝업에서 Outlet 또는 Action을 선택할 수 있습니다.

이제, IBAction을 사용하여 버튼의 액션을 처리할 수 있습니다.


swift
import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var myButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func buttonTapped(_ sender: UIButton) {
        print("Button in Storyboard was tapped!")
    }
}

이렇게 하면 Storyboard에서 생성한 버튼이 탭되었을 때 buttonTapped 메서드가 호출됩니다.

결론

이 글에서는 UIKit을 사용하여 UIButton을 생성하고, 다양한 방식으로 버튼의 액션을 처리하는 방법을 살펴보았습니다. 버튼의 외관을 커스터마이징하는 방법과 코드 및 Storyboard를 사용하는 방법을 포함하였습니다. UIKit을 잘 활용하면 사용자 인터페이스를 더욱 풍부하게 구현할 수 있습니다.