SwiftUI 是 Apple 在 WWDC 2019 推出的新框架，它可以讓開發者輕鬆地建立出美觀的 App 界面。在 SwiftUI 中，開發者可以使用滑块和拖动手勢來建立出有趣的互動介面。本文將介紹如何在 SwiftUI 中使用滑块和拖动手勢。
使用滑块
在 SwiftUI 中，可以使用 Slider 來建立滑块，它可以讓使用者輕鬆地改變數值。例如，可以使用滑块來改變音量大小，或是改變圖片的亮度。
要使用滑块，首先需要定義一個 @State 的變數，用來儲存滑块的數值：
@State private var sliderValue = 0.0
接著，可以使用 Slider 來建立滑块：
Slider(value: $sliderValue, in: 0...1)
Slider 的 value 參數接受一個 Binding 的 @State 變數，而 in 參數則是定義滑块的範圍，在這個例子中，滑块的範圍是 0 到 1。
使用拖動手勢
在 SwiftUI 中，可以使用 DragGesture 來建立拖動手勢，它可以讓使用者輕鬆地拖動元件。例如，可以使用拖動手勢來改變圖片的位置，或是改變文字的大小。
要使用拖動手勢，首先需要定義一個 @State 的變數，用來儲存拖動的位置：
@State private var dragOffset = CGSize.zero
接著，可以使用 DragGesture 來建立拖動手勢：
DragGesture()
.onChanged { value in
self.dragOffset = value.translation
}
DragGesture 的 onChanged 參數會在使用者拖動時被呼叫，而 value 參數則會傳回拖動的位置，在這個例子中，我們將拖動的位置儲存在 dragOffset 變數中。
總結
在本文中，我們介紹了如何在 SwiftUI 中使用滑块和拖动手勢。滑块可以讓使用者輕鬆地改變數值，而拖動手勢則可以讓使用者輕鬆地拖動元件。使用這兩種互動介面，可以讓 App 的使用者體驗更加豐富。
推薦閱讀文章
How to use sliders and drag gestures in SwiftUI
SwiftUI Sliders and Drag Gestures
SwiftUI Slider Tutorial
SwiftUI Slider Tutorial
SwiftUI Slider Tutorial</a
延伸閱讀本站文章
延伸閱讀本站文章
SwiftUI 入門指南
Swift 圖片緩存 🎥高效快速存取圖片
Swift UIViewController 自定義返回按钮 🔙🎨
Swift UIGestureRecognizer使用🖐️ – 手勢辨識教學
Swift 離線資料存取 💾 離線資料快速存取法
Swift 影片拍攝：AVCaptureSession 🎥
Swift 圖片下載 🖼️
💾Swift 存儲 & 讀取數據 | 數據持久化 💾
Swift 動畫效果實作 (UIView.animate)
Swift 數字輪播器 🔢🔄
推薦學習youtube影片
