[swift] Swift Core Animation의 인터렉티브 애니메이션

07 Dec 2023

swift

Core Animation은 iOS 애플리케이션에서 강력한 애니메이션을 만들 수 있는 프레임워크입니다. Swift를 사용하여 Core Animation을 사용하면 인터페이스의 다양한 요소들을 부드럽고 생동감있게 움직일 수 있습니다. 이번 포스트에서는 Core Animation을 사용하여 인터렉티브한 애니메이션을 만드는 방법에 대해 알아보겠습니다.

뷰의 프로퍼티 애니메이션

Core Animation을 사용하여 뷰의 프로퍼티를 애니메이션화할 수 있습니다. 예를 들어, 뷰의 위치, 크기, 배경색 등의 속성을 부드럽게 변경할 수 있습니다. 다음은 UIView의 animate(withDuration:animations:) 메서드를 사용하여 뷰의 위치를 애니메이션화하는 예제입니다.

UIView.animate(withDuration: 0.5, animations: {
    self.myView.frame.origin.x += 100
})

위의 코드에서는 animate(withDuration:animations:) 메서드를 사용하여 myView의 origin.x 값에 100을 더해 위치를 변경합니다. withDuration 매개변수는 애니메이션의 지속 시간을 나타내며, animations 클로저 안에서 실제 애니메이션 코드를 작성합니다.

제스처 인식기와 함께 사용하기

Core Animation을 인터렉티브하게 사용하기 위해 UIGestureRecognizer를 함께 사용할 수 있습니다. 제스처 인식기를 사용하면 사용자의 터치 이벤트를 캡처하고, 애니메이션을 트리거할 수 있습니다.

예를 들어, 팬(Pan) 제스처를 사용하여 뷰를 드래그하는 동안 애니메이션을 적용할 수 있습니다. 다음은 UIPanGestureRecognizer와 함께 Core Animation을 사용하는 예제입니다.

let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handlePan(_:)))
myView.addGestureRecognizer(panGesture)

@objc func handlePan(_ gesture: UIPanGestureRecognizer) {
    let translation = gesture.translation(in: self.view)
    
    switch gesture.state {
    case .changed:
        myView.center = CGPoint(x: myView.center.x + translation.x,
                                y: myView.center.y + translation.y)
        gesture.setTranslation(.zero, in: self.view)
    default:
        break
    }
}

위의 코드에서는 myView에 UIPanGestureRecognizer를 추가하고, handlePan 메서드에서 제스처 이벤트를 처리합니다. 제스처의 이동량을 사용하여 myView의 좌표를 업데이트하고, 애니메이션을 적용합니다. 제스처의 상태가 .changed인 경우에만 애니메이션 코드가 실행되도록 합니다.

결론

Swift Core Animation을 사용하여 인터렉티브한 애니메이션을 만들 수 있습니다. 뷰의 프로퍼티 애니메이션과 제스처 인식기를 조합하여 사용자와 상호작용하고 부드러운 애니메이션을 구현할 수 있습니다. Core Animation은 iOS 애플리케이션의 사용자 경험을 향상시키는 강력한 도구입니다.

참고 문서: