[swift] QuickLayout을 사용하여 여러 개체들을 정렬하는 방법

17 Nov 2023

swift

Swift에서 여러 개체들을 정렬하기 위해 QuickLayout을 사용하는 방법에 대해 알아보겠습니다. QuickLayout은 AutoLayout을 좀 더 쉽게 사용할 수 있도록 도와주는 라이브러리입니다.

QuickLayout 설치하기

먼저 QuickLayout을 설치해야 합니다.

CocoaPods 사용하기

pod 'QuickLayout'

Swift Package Manager 사용하기

dependencies: [
    .package(url: "https://github.com/huri000/QuickLayout.git", from: "1.4.3")
]

QuickLayout 사용하기

다음은 QuickLayout을 사용하여 개체들을 정렬하는 예제입니다.

import UIKit
import QuickLayout

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let view1 = UIView()
        view1.backgroundColor = .red
        
        let view2 = UIView()
        view2.backgroundColor = .blue
        
        let view3 = UIView()
        view3.backgroundColor = .green
        
        view.addSubview(view1)
        view.addSubview(view2)
        view.addSubview(view3)
        
        view1.quickLayout.edges(view.safeAreaLayoutGuide, leading: 20, trailing: -20, top: 20)
        view2.quickLayout.leading(view1, trailing: -20, top: view1.bottomAnchor, paddingTop: 20)
        view2.quickLayout.height(50)
        view3.quickLayout.leading(view1, trailing: -20, top: view2.bottomAnchor, paddingTop: 20)
        view3.quickLayout.height(50)
    }
}

위의 예제에서는 view1, view2, view3라는 세 개의 UIView가 있습니다. view1은 Safe Area를 기준으로 leading, trailing, top을 20으로 설정하여 정렬했습니다. view2와 view3는 각각 view1과의 leading, trailing, top을 설정하여 정렬했습니다. 또한 view2, view3의 높이를 50으로 설정했습니다.

QuickLayout을 사용하면 개체를 정렬하는데 더 간편하고 가독성이 좋아집니다.

더 자세한 정보는 QuickLayout GitHub repository를 참조하세요.