[swift] NotificationBanner 알림창 타이머 디자인 변경

16 Nov 2023

swift

앱에서 알림창을 보여줄 때에는 NotificationBanner를 사용하는 경우가 많습니다. NotificationBanner는 사용자에게 알림을 전달하고 자동으로 사라지게 하는 기능을 제공합니다.

이번에는 NotificationBanner의 타이머 디자인을 변경하는 방법에 대해 알아보겠습니다.

1. NotificationBanner의 타이머 디자인 변경 방법

NotificationBanner를 사용하여 알림창을 보여줄 때, 기본적으로 타이머가 설정되어 있어 일정 시간이 지나면 자동으로 사라지게 됩니다. 이러한 타이머에 대한 디자인을 변경하고 싶다면 다음과 같이 처리할 수 있습니다.

먼저, NotificationBanner를 생성할 때에 사용되는 autoDismiss 속성을 false로 설정합니다. 이렇게 설정하면 타이머가 자동으로 작동하지 않게 됩니다.

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

그리고 원하는 시점에 dismiss() 메소드를 호출하여 알림창을 사라지게 할 수 있습니다.

banner.dismiss()

2. 예제 코드

아래의 예제 코드를 참고하여 NotificationBanner의 타이머 디자인을 변경하는 방법을 구현해보세요.

import UIKit
import NotificationBannerSwift

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let button = UIButton(type: .system)
        button.setTitle("Show Banner", for: .normal)
        button.addTarget(self, action: #selector(showBanner), for: .touchUpInside)
        button.frame = CGRect(x: 0, y: 0, width: 200, height: 50)
        button.center = view.center
        view.addSubview(button)
    }

    @objc func showBanner() {
        let banner = NotificationBanner(title: "알림", subtitle: "새로운 메시지가 도착했습니다.", style: .success)
        banner.autoDismiss = false
        banner.show()

        DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
            banner.dismiss()
        }
    }
}

위의 예제 코드에서는 버튼을 누르면 NotificationBanner를 생성하여 알림창을 보여주고, 3초 후에 알림창이 자동으로 사라지도록 구현되어 있습니다. 이때 banner.autoDismiss 속성을 false로 설정하여 타이머를 비활성화하고, DispatchQueue.main.asyncAfter를 사용하여 일정 시간 후에 dismiss() 메소드를 호출하여 알림창을 사라지게 할 수 있습니다.

이렇게 수정된 NotificationBanner의 타이머 디자인을 통해 앱에서 보다 유연하고 다양한 알림 기능을 구현할 수 있습니다.

참고 자료

NotificationBannerSwift GitHub Repository