Swift 自動布局 使用NSLayoutConstraint 💪

Swift 是一種新興的程式語言，它提供了許多強大的功能，其中之一就是自動布局。自動布局可以讓開發者輕鬆地將介面元件安排在畫面上，而不需要計算每個元件的位置和大小。

Swift 中的自動布局是使用 NSLayoutConstraint 來完成的，它是一個用於描述介面元件之間的關係的類別。NSLayoutConstraint 可以讓開發者指定介面元件之間的關係，例如兩個元件的位置、大小、間距等等。

使用 NSLayoutConstraint 來完成自動布局的步驟如下：

1. 建立一個 NSLayoutConstraint 物件，並指定兩個介面元件之間的關係。
2. 將 NSLayoutConstraint 物件加入到介面元件的父親元件中。
3. 將介面元件的父親元件的 translatesAutoresizingMaskIntoConstraints 屬性設置為 false。

以下是一個簡單的範例，使用 NSLayoutConstraint 來將一個 UIView 元件安排在畫面的右上角：

// 建立一個 UIView 元件
let view = UIView()

// 建立一個 NSLayoutConstraint 物件，指定 UIView 元件的右邊與父親元件的右邊的距離為 10
let rightConstraint = NSLayoutConstraint(item: view, attribute: .right, relatedBy: .equal, toItem: view.superview, attribute: .right, multiplier: 1.0, constant: 10)

// 將 NSLayoutConstraint 物件加入到 UIView 元件的父親元件中
view.superview?.addConstraint(rightConstraint)

// 將 UIView 元件的父親元件的 translatesAutoresizingMaskIntoConstraints 屬性設置為 false
view.superview?.translatesAutoresizingMaskIntoConstraints = false

使用 NSLayoutConstraint 來完成自動布局可以讓開發者輕鬆地將介面元件安排在畫面上，而不需要計算每個元件的位置和大小。NSLayoutConstraint 可以讓開發者指定介面元件之間的關係，例如兩個元件的位置、大小、間距等等，讓開發者可以輕鬆地完成自動布局。

Swift 中的自動布局是使用 NSLayoutConstraint 來完成的，它是一個用於描述介面元件之間的關係的類別，可以讓開發者輕鬆地將介面元件安排在畫面上，而不需要計算每個元件的位置和大小。使用 NSLayoutConstraint 來完成自動布局的步驟如下：

1. 建立一個 NSLayoutConstraint 物件，並指定兩個介面元件之間的關係。
2. 將 NSLayoutConstraint 物件加入到介面元件的父親元件中。
3. 將介面元件的父親元件的 translatesAutoresizingMaskIntoConstraints 屬性設置為 false。

以上就是使用 Swift 中的 NSLayoutConstraint 來完成自動布局的簡單範例，它可以讓開發者輕鬆地將介面元件安排在畫面上，而不需要計算每個元件的位置和大小。

推薦閱讀文章

Auto Layout Tutorial in iOS 11: Getting Started
Beginning Auto Layout Tutorial in Swift: Part 1
Beginning Auto Layout Tutorial in Swift: Part 2
Beginning Auto Layout Tutorial in Swift: Part 3
Beginning Auto Layout Tutorial in Swift: Part 4</a

延伸閱讀本站文章

更多swift相關文章

推薦學習youtube影片