[swift] Swift MVVM 아키텍처에서의 애니메이션 프레임워크 활용 방법

04 Dec 2023

swift

앱의 사용자 인터페이스를 더 생동감 있게 만들기 위해 애니메이션은 필수 요소입니다. Swift MVVM 아키텍처에서는 애니메이션을 효율적으로 활용하는 방법이 필요합니다. 이 글에서는 Swift MVVM 아키텍처에서 애니메이션 프레임워크를 활용하는 방법에 대해 소개하겠습니다.

애니메이션 프레임워크 선택

Swift에서는 애니메이션을 구현할 수 있는 여러 프레임워크가 있습니다. 가장 일반적으로 사용되는 프레임워크로는 Core Animation, UIViewPropertyAnimator, UIKit Dynamics 등이 있습니다.

Core Animation은 CALayer를 사용하여 애니메이션을 구현하는 기능을 제공합니다. 더 낮은 수준에서 적용되며 애니메이션의 세부 사항을 직접 제어할 수 있습니다.
UIViewPropertyAnimator는 iOS 10에서 도입된 프레임워크로, UIView에 애니메이션을 적용하는 기능을 제공합니다. 애니메이션의 시작, 일시정지, 재생, 종료 등을 관리할 수 있는 장점이 있습니다.
UIKit Dynamics는 물리적인 동작을 모방하여 애니메이션을 만들 수 있는 프레임워크입니다. 힘, 탄력, 중력 등을 설정하여 다이나믹한 애니메이션을 구현할 수 있습니다.

각 프레임워크는 다양한 애니메이션 효과와 제어를 제공하므로, 앱의 요구 사항에 맞게 가장 적합한 프레임워크를 선택해야 합니다.

ViewModel에서 애니메이션 적용

MVVM 아키텍처에서 ViewModel은 애니메이션과 관련된 로직을 처리하는 데에 적합한 곳입니다. ViewModel은 화면의 상태를 관리하고, 애니메이션 효과를 적용할 때 필요한 데이터를 업데이트하는 역할을 수행합니다.

애니메이션 효과를 적용하기 위해 ViewModel에서 사용할 수 있는 방법 중 한 가지는, 애니메이션을 시작하는 메서드를 추가하는 것입니다. 이 메서드에서는 선택한 애니메이션 프레임워크를 사용하여 화면의 상태를 변경하고, 애니메이션 효과를 적용합니다.

class ViewModel {
    // 애니메이션을 적용할 요소에 대한 상태 변수
    var isAnimating: Bool = false
    
    // 애니메이션을 시작하는 메서드
    func startAnimation() {
        guard !isAnimating else {
            return
        }
        
        // 애니메이션 프레임워크를 사용하여 애니메이션 적용
        
        isAnimating = true
    }
}

위의 예시에서는 ViewModel에 isAnimating이라는 상태 변수를 추가하고, startAnimation 메서드를 구현했습니다. 이 메서드는 애니메이션을 시작하기 전에 현재 애니메이션 상태를 확인하고, 이미 애니메이션이 진행 중인 경우에는 중복 애니메이션을 방지하기 위해 return합니다.

애니메이션을 시작하는 부분에는 선택한 애니메이션 프레임워크의 코드를 추가하면 됩니다. 예를 들어 Core Animation을 사용한다면 CALayer를 생성하고 애니메이션 프로퍼티를 설정할 수 있습니다.

View에서 애니메이션 효과 반영

ViewModel에서 애니메이션을 시작하면, View에서 해당 애니메이션 효과를 반영해야 합니다. View는 ViewModel과 상태를 공유하므로, 상태 변수를 확인하여 애니메이션 효과를 적용해야 합니다.

class CustomView: UIView {
    // 애니메이션을 반영할 요소에 대한 참조 변수
    var animatedView: UIView!
    
    // ViewModel과 연결된 상태 변수
    var viewModel: ViewModel!
    
    // ViewModel과 연결하여 상태 변화를 감지하는 메서드
    func observeViewModel() {
        viewModel.addObserver(self, forKeyPath: "isAnimating", options: .new, context: nil)
    }
    
    // observeViewModel 메서드의 결과를 처리하는 메서드
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        guard let keyPath = keyPath else { return }
        
        switch keyPath {
        case "isAnimating":
            let isAnimating = change?[.newKey] as? Bool ?? false
            if isAnimating {
                // 애니메이션 효과 적용
            } else {
                // 애니메이션 효과 해제
            }
        default:
            break
        }
    }
}

위의 예시에서는 CustomView에서 ViewModel과 연결된 상태 변수 isAnimating을 감지하기 위해 KVO(Key-Value Observing) 기능을 사용합니다. observeViewModel 메서드에서 addObserver를 통해 isAnimating 상태의 변화를 감지하도록 설정하고, observeValue 메서드에서 감지된 상태 변화에 맞게 애니메이션을 적용하거나 해제합니다.

애니메이션 효과를 적용할 요소에 대한 참조 변수 animatedView를 사용하여 애니메이션을 반영합니다. 해당 요소를 적절히 변경하면서 애니메이션 효과를 적용하고 해제할 수 있습니다.

결론

Swift MVVM 아키텍처에서 애니메이션을 구현하기 위해서는 애니메이션 프레임워크를 선택하고, ViewModel과 View를 연결하여 애니메이션을 시작하고 효과를 반영해야 합니다. 애니메이션 프레임워크의 선택 및 활용 방법, ViewModel과 View의 상태 공유 및 상태 변화 감지 방법을 이해하는 것이 중요합니다. 애니메이션 효과를 효율적으로 활용하여 적절하고 멋진 사용자 경험을 제공할 수 있도록 노력해야 합니다.

애니메이션 프레임워크 선택

ViewModel에서 애니메이션 적용

View에서 애니메이션 효과 반영

결론

참고 자료