[swift] NotificationBanner 아이콘 추가

NotificationBanner은 알림 메시지를 보여주는 뷰를 쉽게 만들어주는 라이브러리입니다. 기본적으로는 텍스트만 표시됩니다. 하지만 경우에 따라서는 아이콘을 추가하여 더욱 시각적으로 효과적인 메시지를 전달하고자 할 수 있습니다. 이번 포스트에서는 NotificationBanner에 아이콘을 추가하는 방법에 대해 알아보겠습니다.

아래는 NotificationBanner을 사용하는 간단한 예시 코드입니다:

import NotificationBanner

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    @IBAction func showNotification(_ sender: UIButton) {
        let banner = NotificationBanner(title: "알림", subtitle: "새로운 메시지가 도착했습니다.", style: .success)
        banner.show()
    }
}

기본적으로는 titlesubtitle이라는 두 가지 텍스트를 설정하여 NotificationBanner를 생성하고, show() 메소드를 사용하여 화면에 표시합니다.

이제 아이콘을 추가해보겠습니다. 먼저, 사용하고자 하는 아이콘 이미지를 프로젝트에 추가해야 합니다. 이미지 파일을 프로젝트로 드래그앤드롭하여 추가한 후, Assets.xcassets 폴더에서 이미지를 선택한 다음, Show Slicing 옵션을 활성화합니다.

Show Slicing option

이미지를 슬라이싱하면, 아이콘을 적절하게 크롭하여 사용할 수 있습니다.

이미지 파일을 추가한 후, NotificationBanner의 아이콘을 설정하는 방법은 다음과 같습니다:

let banner = NotificationBanner(title: "알림", subtitle: "새로운 메시지가 도착했습니다.", style: .success)
banner.icon = UIImage(named: "notificationIcon")
banner.show()

위 코드에서 UIImage(named: "notificationIcon") 부분을 추가하여 해당 이미지를 아이콘으로 설정합니다.

이제 NotificationBanner를 사용할 때 원하는 아이콘을 설정하여 더욱 멋진 알림 메시지를 만들어보세요!

참고 자료