iOS에서 버튼 클릭 시 배경색 변경하는 방법 (Swift)

음악을 재생하다가 정지 버튼을 누르는 순간 버튼 색상이 빨간색으로 바뀌는 상황을 상상해 보세요. 이처럼 버튼을 클릭할 때 색상을 변경해야 하는 경우는 앱 개발에서 매우 흔하게 발생합니다.

이 튜토리얼에서는 Xcode와 Swift를 사용하여 버튼을 클릭했을 때 배경색을 변경하는 방법을 단계별로 알아보겠습니다. 그럼 시작해 볼까요?

구현 단계

1단계 — 프로젝트 생성

Xcode를 실행한 후 New Project → Single View Application을 선택하고, 프로젝트 이름을 "ChangeButtonColor"로 지정합니다.

2단계 — 버튼 추가

Main.storyboard에서 버튼 하나를 생성하고 이름을 "stop"으로 지정합니다.

3단계 — IBAction과 IBOutlet 연결

버튼의 @IBAction과 @IBOutlet을 각각 생성하고, 각각 btnChangeBgColor와 btnBgColor로 이름을 지정합니다.

여기서 액션과 아울렛을 모두 사용하는 이유는, 동일한 버튼의 액션이 발생했을 때 해당 버튼 자신의 속성(배경색)을 변경해야 하기 때문입니다.

4단계 — 코드 작성

버튼의 액션 메서드에 다음 코드를 입력합니다.

@IBAction func btnChangeBgColor(_ sender: Any) {
    self.btnBgColor.backgroundColor = UIColor.red
}

위 코드는 버튼이 클릭될 때마다 해당 버튼의 배경색을 빨간색(UIColor.red)으로 설정합니다. 원하는 경우 .blue, .green 등 다른 색상으로 얼마든지 변경할 수 있습니다.

5단계 — 실행 및 확인

코드를 실행하고 시뮬레이터에서 버튼을 눌러 보세요. 버튼을 클릭하는 순간 배경색이 빨간색으로 바뀌는 것을 확인할 수 있습니다.

마무리

이렇게 간단한 @IBAction과 backgroundColor 속성 변경만으로 버튼 클릭 시 색상을 손쉽게 바꿀 수 있습니다. 이 기법은 재생/정지 토글 버튼, 선택 상태 표시 등 다양한 UI 인터랙션에 응용할 수 있으니 꼭 활용해 보세요.