[swift] UIKit Dynamics의 애시드(개체를 삭제하는 애니메이션) 효과

20 Dec 2023

swift

일반적으로 객체가 화면에서 사라질 때, 그냥 사라지는 것보다 조금 더 자연스러운 애니메이션 효과를 주고 싶을 때가 있습니다. UIKit Dynamics의 “애시드(Decay)” 효과는 개체를 부드럽게 소멸시키는 애니메이션을 제공합니다. 이것은 사용자 경험을 향상시키고 앱의 전반적인 느낌을 더 만족스럽게 만들 수 있습니다.

UIKit Dynamics로 애시드 효과를 구현하는 간단한 예제를 살펴보겠습니다.

import UIKit

class ViewController: UIViewController, UIDynamicAnimatorDelegate {
    var dynamicAnimator: UIDynamicAnimator!
    var squareView: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 정사각형 뷰 생성
        squareView = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        squareView.backgroundColor = .blue
        view.addSubview(squareView)
        
        // UIDynamicAnimator 객체 생성
        dynamicAnimator = UIDynamicAnimator(referenceView: view)
        dynamicAnimator.delegate = self
        
        // UIGravityBehavior 객체 생성
        let gravityBehavior = UIGravityBehavior(items: [squareView])
        dynamicAnimator.addBehavior(gravityBehavior)
        
        // UICollisionBehavior 객체 생성
        let collisionBehavior = UICollisionBehavior(items: [squareView])
        collisionBehavior.translatesReferenceBoundsIntoBoundary = true
        dynamicAnimator.addBehavior(collisionBehavior)
        
        // UIDynamicItemBehavior 객체 생성
        let itemBehavior = UIDynamicItemBehavior(items: [squareView])
        dynamicAnimator.addBehavior(itemBehavior)
    }
    
    // UIDynamicAnimatorDelegate 메서드 구현
    func dynamicAnimatorDidPause(_ animator: UIDynamicAnimator) {
        // 애시드 효과를 구현하기 위해 개체를 삭제
        squareView.removeFromSuperview()
    }
}

이 예제에서 UIDynamicAnimator를 사용하여 애니메이션을 제어하고 물리 역학 효과를 적용합니다. 개체가 화면에서 사라질 때, dynamicAnimatorDidPause 메서드에서 해당 개체를 삭제하여 자연스러운 애시드 효과를 구현합니다.

이런식의 자연스러운 애니메이션 효과를 제공하면 사용자가 앱을 사용할 때 더욱 흥미롭고 즐거운 경험을 할 수 있습니다.

이것은 UIKit Dynamics에서 애시드 효과를 구현하는 간단한 방법 중 하나입니다. 완성된 앱에서 실제로 동작하는 것을 볼 때 더욱 효과적인 것을 경험할 수 있을 것입니다.