[iOS] UMC iOS 세미나 8주 차

 

 

📕 Animation

애니메이션은 대표적으로 3가지 경우에 사용한다.

 

1. 시스템 상태 나타내기

2. 메뉴 및 전환을 나타내기

3. 시각적인 피드백 제공

 

 

애니메이션을 나타내는 방법에는 2가지가 있다.

1. UIView의 animate 사용 (iOS 4~)

2. Core Animation 사용 (iOS 10~)

 

 

---

UIView.animate 메서드를 이용해서 애니메이션을 구현해보는 실습

 

//
//  ViewController.swift
//  Week8
//
//  Created by yeonsu on 2022/11/14.
//

import UIKit

class ViewController: UIViewController {

    
    @IBOutlet weak var orangeView: UIView!
    @IBOutlet weak var orangeViewTopConstraint: NSLayoutConstraint!
    @IBOutlet weak var orangeViewHeightConstraint: NSLayoutConstraint!
    
    @IBOutlet var purpleViewTapGestureRecognizer: UITapGestureRecognizer!
    

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // #selector: object-c의 함수 사용
        purpleViewTapGestureRecognizer.addTarget(self, action: #selector(purpleViewDidTap))
    }
    
    @objc func purpleViewDidTap() {
        // TODO: - 애니메이션 추가
        UIView.animate(withDuration: 3, animations: {
            self.orangeViewTopConstraint.constant = 200
            self.orangeViewHeightConstraint.constant = 100
            self.view.layoutIfNeeded()
        }
        )
    }

    // 📌 UIView.animate: 애니메이션 적용하기
    @IBAction func buttonDidTap(_ sender: Any) {
        UIView.animate(withDuration: 3, animations: {
            self.orangeViewTopConstraint.constant = 200
            self.orangeViewHeightConstraint.constant = 300
            self.view.layoutIfNeeded()  // 변경사항에 대한 업데이트 반영
            // self.view.setNeedsLayout()
        })
    }
}