[swift] NotificationBanner 알림창 버튼 스타일 변경

16 Nov 2023

swift

NotificationBanner는 iOS 앱에서 알림창을 보여주는 데 사용되는 강력한 라이브러리입니다. 이 라이브러리를 사용하여 알림창을 표시하고 사용자와 상호작용할 수 있습니다. 하지만 기본적으로 제공되는 알림창 버튼의 스타일은 사용자 정의하기 어렵습니다. 이번에는 NotificationBanner의 알림창 버튼을 스타일링하는 방법에 대해 알아보겠습니다.

먼저, NotificationBanner를 사용하기 위해서는 NotificationBanner 라이브러리를 프로젝트에 추가해야 합니다. pods 파일에 다음과 같이 라이브러리를 추가합니다.

pod 'NotificationBanner', '~> 3.0'

라이브러리를 추가한 후에는 알림창 버튼의 스타일을 변경할 수 있습니다. NotificationBanner의 onButtonTap 클로저를 사용하여 버튼의 커스텀 액션을 정의할 수 있습니다. 다음은 알림창에 버튼을 추가하고 버튼을 눌렀을 때의 동작을 정의하는 코드입니다.

let banner = NotificationBanner(title: "알림", subtitle: "메시지가 도착했습니다.", style: .success)
banner.show(queuePosition: .front, bannerPosition: .top)

banner.onButtonTap = {
    // 버튼을 눌렀을 때 동작할 코드 작성
    print("버튼이 눌렸습니다.")
}

위의 코드에서는 NotificationBanner를 생성하고 onButtonTap 클로저를 사용하여 버튼이 클릭되었을 때 동작할 코드를 작성하였습니다. 이 코드에서는 버튼을 누를 때마다 “버튼이 눌렸습니다.”를 출력하는 동작을 수행하도록 작성되어 있습니다.

또한, NotificationBanner의 style 속성을 사용하여 알림창 버튼의 스타일을 변경할 수도 있습니다. 예를 들어, 다음과 같이 알림창의 스타일을 .warning으로 변경할 수 있습니다.

banner.style = .warning

위의 코드에서는 banner의 style 속성에 .warning을 할당하여 알림창의 스타일을 변경하고 있습니다.

알림창 버튼의 스타일을 변경하는 방법을 알게 되었습니다. NotificationBanner를 사용하여 알림창을 구현하고 커스터마이징할 때 자주 사용될 수 있는 기능입니다. 알림창의 버튼을 원하는 스타일로 변경하여 보다 사용자 친화적인 경험을 제공할 수 있습니다.

참고문서:

NotificationBanner 라이브러리 GitHub