iOS 애플리케이션에서 버튼의 배경색을 변경하려면 UIButton이 가진 backgroundColor 속성에 접근해야 합니다. 변경 방법은 크게 두 가지로, 스토리보드를 이용하는 방법과 코드로 직접 구현하는 프로그래밍 방식입니다.
방법 1 − 스토리보드 에디터 활용하기
가장 간단한 방법은 스토리보드에서 직접 설정하는 것입니다.
먼저 스토리보드에 버튼을 추가한 뒤 해당 버튼을 선택합니다. 그다음 오른쪽 패널의 Attribute Inspector(속성 검사기)를 열고 Background 항목에서 원하는 색상을 선택하면 됩니다. 색상뿐만 아니라 이미지나 패턴을 배경으로 지정할 수도 있습니다.
방법 2 − 코드로 배경색 변경하기
동적으로 색상을 바꾸거나 런타임 조건에 따라 배경을 변경해야 한다면 코드로 구현하는 것이 좋습니다.
먼저 View Controller에서 버튼의 아울렛(Outlet)을 생성합니다. 그런 다음 viewDidLoad() 또는 viewWillLayoutSubviews() 메서드 안에 다음과 같이 배경색을 변경하는 코드를 추가합니다.
btn.backgroundColor = #colorLiteral(red: 0.4392156899, green: 0.01176470611, blue: 0.1921568662, alpha: 1)
#colorLiteral 리터럴을 사용하면 Xcode 내에서 컬러 피커를 통해 시각적으로 색상을 선택할 수 있어 편리합니다. 만약 일반적인 방식으로 작성하고 싶다면 아래처럼 UIColor를 사용할 수도 있습니다.
btn.backgroundColor = UIColor.red
속성 검사기에서 색상을 선택하는 첫 번째 방법으로 실행하면 아래와 같은 결과 화면을 확인할 수 있습니다.
마무리
정적인 UI는 스토리보드에서, 동적인 변화가 필요한 경우에는 코드로 배경색을 설정하는 것이 효율적입니다. 두 방법을 상황에 맞게 활용해 보세요.