[swift] QuickLayout을 사용하여 레이아웃 애니메이션 구현하기

17 Nov 2023

swift

먼저, QuickLayout을 프로젝트에 추가해야 합니다. CocoaPods를 사용하는 경우, Podfile에 다음과 같이 라이브러리를 추가합니다.

pod 'QuickLayout'

라이브러리를 추가한 후, 프로젝트를 빌드하고 import 문을 추가합니다.

import QuickLayout

이제 레이아웃 애니메이션을 구현해보겠습니다. 예를 들어, 화면 상단에 버튼을 추가하고 버튼을 클릭할 때 뷰가 애니메이션과 함께 확대되도록 해보겠습니다.

import UIKit
import QuickLayout

class ViewController: UIViewController {

    let button = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()

        button.setTitle("Click me!", for: .normal)
        button.backgroundColor = .blue
        button.translatesAutoresizingMaskIntoConstraints = false
        button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
        view.addSubview(button)

        // 버튼의 레이아웃을 설정합니다.
        button.center = view.center
        button.widthAnchor.constraint(equalToConstant: 200).isActive = true
        button.heightAnchor.constraint(equalToConstant: 50).isActive = true
    }

    @objc func buttonTapped() {
        // 뷰의 확대 애니메이션을 설정합니다.
        UIView.animate(withDuration: 0.5, animations: {
            self.button.transform = CGAffineTransform(scaleX: 1.5, y: 1.5)
        }, completion: { _ in
            self.resetButtonScale()
        })
    }

    func resetButtonScale() {
        // 뷰의 확대 애니메이션을 초기화합니다.
        UIView.animate(withDuration: 0.5, animations: {
            self.button.transform = .identity
        })
    }

}

위 예제에서는 버튼의 레이아웃을 QuickLayout을 사용하여 설정하고, 버튼을 클릭할 때 애니메이션과 함께 버튼을 확대합니다. 애니메이션이 끝나면 버튼의 확대를 초기화합니다.

이렇게 간편한 QuickLayout과 함께 레이아웃 애니메이션을 구현할 수 있습니다. QuickLayout은 Auto Layout 코드를 간결하고 가독성 있게 작성할 수 있도록 도와줍니다.

자세한 내용은 QuickLayout의 공식 문서를 참고하시기 바랍니다.

QuickLayout 라이브러리 문서