[swift] Swift에서 터치 애니메이션 구현하기

07 Dec 2023

swift

어플리케이션에 터치 기능을 추가하고 사용자의 터치에 따라 애니메이션을 구현하는 것은 매우 중요하고 자주 사용되는 기술입니다. 이 튜토리얼에서는 Swift를 사용하여 터치 애니메이션을 구현하는 방법을 알아보겠습니다.

1. 터치 이벤트 처리하기

터치 이벤트를 처리하기 위해 먼저 UIView의 서브클래스를 만들어야 합니다. 이 클래스에서 터치 이벤트를 감지하고 해당 이벤트에 대한 처리를 수행할 수 있습니다.

import UIKit

class TouchableView: UIView {

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        // 터치가 시작될 때 실행되는 코드
    }

    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        // 터치가 이동될 때 실행되는 코드
    }

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        // 터치가 종료될 때 실행되는 코드
    }

    override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
        // 터치가 취소될 때 실행되는 코드
    }
}

위의 코드에서는 touchesBegan(_:with:), touchesMoved(_:with:), touchesEnded(_:with:), touchesCancelled(_:with:) 메서드를 오버라이드하여 터치 이벤트를 처리합니다. 각각은 터치가 시작되었을 때, 터치가 이동되었을 때, 터치가 종료되었을 때, 터치가 취소되었을 때 실행되는 메서드입니다.

2. 터치 애니메이션 구현하기

우선 TouchableView에서 터치 이벤트를 처리할 때, 해당 터치 이벤트와 관련된 애니메이션을 구현해야 합니다. 이를 위해 UIView.animate() 메서드를 사용하여 애니메이션을 적용할 수 있습니다.

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    UIView.animate(withDuration: 0.3) {
        // 애니메이션을 적용할 뷰의 프로퍼티를 변경
    }
}

위의 코드에서는 UIView.animate(withDuration:animations:) 메서드를 사용하여 0.3초 동안 애니메이션을 실행합니다. 애니메이션을 적용할 뷰의 프로퍼티를 변경하는 코드를 블록으로 전달합니다.

아래는 터치가 시작될 때 뷰의 배경색을 변경하는 예제입니다.

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    UIView.animate(withDuration: 0.3) {
        self.backgroundColor = UIColor.red
    }
}

3. 예제 애플리케이션 만들기

위의 내용을 기반으로 간단한 예제 애플리케이션을 만들어 봅시다.

3.1. 애플리케이션 설정

Xcode에서 “New Project”를 선택하고 “Single View App” 템플릿으로 프로젝트를 생성합니다.
ViewController.swift 파일을 열고, 다음 코드를 추가합니다.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let touchableView = TouchableView(frame: CGRect(x: 100, y: 100, width: 200, height: 200))
        touchableView.backgroundColor = UIColor.blue
        self.view.addSubview(touchableView)
    }
}

3.2. TouchableView 만들기

새로운 Swift 파일을 생성하고, 이름을 “TouchableView.swift”로 지정합니다.
다음 코드를 추가합니다.

import UIKit

class TouchableView: UIView {

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        UIView.animate(withDuration: 0.3) {
            self.backgroundColor = UIColor.red
        }
    }

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        UIView.animate(withDuration: 0.3) {
            self.backgroundColor = UIColor.blue
        }
    }
}

3.3. 실행 및 터치 애니메이션 확인

앱을 실행하고 TouchableView를 터치해 보면 애니메이션이 적용되는 것을 확인할 수 있습니다. 터치가 시작되면 뷰의 배경색이 빨간색으로 변경되고, 터치가 종료되면 다시 파란색으로 변경됩니다.

결론

이번 튜토리얼에서는 Swift에서 터치 애니메이션을 구현하는 방법을 알아보았습니다. 터치 이벤트를 처리하는 방법과 UIView.animate() 메서드를 사용하여 터치와 관련된 애니메이션을 구현하는 방법을 배웠습니다. 이를 통해 자신의 프로젝트에 터치 애니메이션을 적용해 볼 수 있을 것입니다.