[swift] NotificationBanner 알림창 페이드 인/아웃

16 Nov 2023

swift

NotificationBanner는 iOS 앱에서 알림창을 표시하는 데 사용되는 사용자 인터페이스 라이브러리입니다. 이 라이브러리는 알림 메시지를 사용자에게 보여주고, 사용자로부터의 입력도 처리할 수 있습니다.

이번에는 NotificationBanner를 사용하여 알림창을 페이드 인/아웃하는 방법에 대해 알아보겠습니다.

NotificationBanner 라이브러리 설치

먼저 Cocoapods를 사용하여 NotificationBanner를 프로젝트에 추가해야 합니다. Cocoapods는 iOS 프로젝트의 종속성을 관리하기 위한 패키지 관리자입니다.

Terminal에서 다음 명령어를 실행하여 Cocoapods를 설치합니다.

$ sudo gem install cocoapods

그리고 앱의 Podfile에 NotificationBanner를 추가합니다. Podfile은 프로젝트 디렉토리 안에 있는 파일로, 사용할 라이브러리 목록이 적혀있는 파일입니다.

platform :ios, '13.0'
use_frameworks!

target 'YourApp' do
    pod 'NotificationBannerSwift'
end

Podfile을 저장한 후, 다음 명령어를 실행하여 NotificationBanner를 설치합니다.

$ pod install

페이드 인/아웃 애니메이션 추가하기

NotificationBanner를 사용하여 알림창을 표시하고 페이드 인/아웃 애니메이션을 적용하려면 다음의 예제 코드를 참고하세요.

import NotificationBannerSwift

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

    // 페이드 인 애니메이션
    banner.haptic = .light
    banner.bannerOpacity = 0

    UIView.animate(withDuration: 0.5) {
        banner.bannerOpacity = 1
    }
    
    // 페이드 아웃 애니메이션
    DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
        UIView.animate(withDuration: 0.5) {
            banner.bannerOpacity = 0
        } completion: { _ in
            banner.dismiss()
        }
    }
}

이 예제 코드에서는 NotificationBanner 객체를 생성하고 show() 메서드를 호출하여 알림창을 표시합니다. 그 후, UIView.animate(withDuration:) 메서드를 사용하여 애니메이션 효과를 적용합니다.

banner.bannerOpacity 프로퍼티는 투명도를 나타내며, 0은 완전 투명, 1은 완전 불투명을 의미합니다.
UIView.animate(withDuration:) 메서드의 duration 매개변수로 애니메이션의 시간을 지정할 수 있습니다.
DispatchQueue.main.asyncAfter(deadline:) 메서드를 사용하여 특정 시간이 지난 후에 애니메이션을 실행할 수 있습니다. 위 예제 코드에서는 3초 후에 페이드 아웃 애니메이션을 실행하고, 애니메이션이 완료되면 banner.dismiss()를 호출하여 알림창을 닫습니다.

위의 예제 코드를 참고하여 NotificationBanner를 사용하여 알림창에 페이드 인/아웃 애니메이션 효과를 추가해 보세요. 이를 통해 앱의 사용자 인터페이스에 동적이고 흥미로운 요소를 제공할 수 있습니다.