SwiftUI 是 Apple 在 WWDC 2019 推出的新框架,它可以讓開發者快速開發出現代化的 iOS App。在 SwiftUI 中,開發者可以使用 Scrollview 來製作出可以滑動的介面。本文將會介紹如何在 SwiftUI 中使用 Scrollview。

在 SwiftUI 中使用 Scrollview

在 SwiftUI 中,可以使用 ScrollView 來製作出可以滑動的介面。ScrollView 可以接受兩個參數,一個是 Axis,另一個是 content。Axis 可以接受兩個參數,一個是 .vertical,另一個是 .horizontal,它可以決定 ScrollView 的滑動方向,而 content 則是放置在 ScrollView 中的內容。

ScrollView(Axis.vertical) {
    // 放置內容
}

ScrollView 中可以放置任何 View,例如 Text、Image、Button 等等,例如:

ScrollView(Axis.vertical) {
    Text("Hello World")
    Image("image")
    Button(action: {
        // 按鈕動作
    }) {
        Text("Button")
    }
}

ScrollView 也可以放置其他的 View,例如 VStack、HStack 等等,例如:

ScrollView(Axis.vertical) {
    VStack {
        Text("Hello World")
        Image("image")
        Button(action: {
            // 按鈕動作
        }) {
            Text("Button")
        }
    }
}

總結

本文介紹了如何在 SwiftUI 中使用 Scrollview,Scrollview 可以接受兩個參數,一個是 Axis,另一個是 content,Axis 可以決定 ScrollView 的滑動方向,而 content 則是放置在 ScrollView 中的內容,ScrollView 中可以放置任何 View,也可以放置其他的 View,例如 VStack、HStack 等等。

推薦閱讀文章

How to use a ScrollView in SwiftUI
SwiftUI ScrollView Tutorial: Getting Started
SwiftUI ScrollView Tutorial: Build a Carousel
SwiftUI ScrollView Pull to Refresh
Adding a ScrollView to a SwiftUI App</a

延伸閱讀本站文章

更多swift相關文章

延伸閱讀本站文章

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

推薦學習youtube影片

SwiftUI Collection View 2019 – Scrolling List in Swift UI – Xcode 11 SwiftUI Tutorial

在 SwiftUI 中使用 Scrollview

Categorized in:

Tagged in:

,