SwiftUI 是 Apple 在 WWDC 2019 推出的新框架，它可以讓開發者快速開發出現代化的 App，而 SwiftUI 中的尺寸和位置也是開發者必須要熟悉的概念。

在 SwiftUI 中，你可以使用 frame 來控制 View 的位置和尺寸，而 frame 的屬性有 origin 和 size，分別用來控制 View 的位置和尺寸。

控制 View 的位置

要控制 View 的位置，可以使用 origin 屬性，它是一個 CGPoint 的值，它有兩個屬性 x 和 y，分別用來控制 View 的水平和垂直位置，例如：

Text("Hello World")
    .frame(origin: CGPoint(x: 10, y: 10))

上面的程式碼會將文字放置在 (10, 10) 的位置，也就是左上角的位置。

控制 View 的尺寸

要控制 View 的尺寸，可以使用 size 屬性，它是一個 CGSize 的值，它有兩個屬性 width 和 height，分別用來控制 View 的寬度和高度，例如：

Text("Hello World")
    .frame(width: 100, height: 100)

上面的程式碼會將文字的尺寸設定為 (100, 100)，也就是寬度為 100，高度為 100。

縮放 View

除了可以控制 View 的位置和尺寸，SwiftUI 還提供了 scaleEffect 來控制 View 的縮放，它可以讓你對 View 進行縮放，例如：

Text("Hello World")
    .scaleEffect(2)

上面的程式碼會將文字縮放 2 倍，也就是將文字放大 2 倍。

推薦閱讀文章

推薦閱讀文章

            <a href="https://www.hackingwithswift.com/quick-start/swiftui/how-to-position-views-in-swiftui">1. 如何在 SwiftUI 中定位視圖</a><br>
            <a href="https://www.raywenderlich.com/769-swiftui-getting-started">2. SwiftUI 入門</a><br>
            <a href="https://www.appcoda.com.tw/swiftui-frame-and-bound-layout/">3. SwiftUI 中的框架和邊界佈局</a><br>
            <a href="https://www.hackingwithswift.com/books/ios-swiftui/geometry-reader-in-swiftui">4. SwiftUI 中的幾何讀取器</a><br>
            <a href="https://www.appcoda.com.tw/swiftui-relative-positioning/">5. SwiftUI 中的相對定位</a

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

SwiftUI 入門指南
Swift 圖片緩存 🎥高效快速存取圖片
Swift UIViewController 自定義返回按钮 🔙🎨
Swift UIGestureRecognizer使用🖐️ – 手勢辨識教學
Swift 離線資料存取 💾 離線資料快速存取法
Swift 影片拍攝：AVCaptureSession 🎥
Swift 圖片下載 🖼️
💾Swift 存儲 & 讀取數據 | 數據持久化 💾
Swift 動畫效果實作 (UIView.animate)
Swift 數字輪播器 🔢🔄

推薦學習youtube影片

iOS16 的 10 個 SwiftUI 新內容 & 如何接收 WWDC 更新資訊 – WWDC22

SwiftUI 中的尺寸和位置

Categorized in:

iOSswift

Tagged in:

,