🎛️Slider

💾 程式

// slider without label
Slider(value: $width, in: 0...500, step: 10)

// slider with min/max label
Slider(
    value: $speed, 
    in   : 0...100, 
    step : 5
) { Text("Speed") }               // slider label
    minimumValueLabel: { Text("0") } 
    maximumValueLabel: { Text("100") } 
    onEditingChanged : { editing in isEditing = editing }

// ⭐️ `in` 參數預設值為 0...1，可省略。
Slider(value: $scale)
    .accentColor(.orange)         // ⭐️ 設定 slider 的顏色

Slider(
    value: $age, 
    in   : 18...80, 
    step : 1,                     // ⭐️ 設定「間距」
    // ⭐️ 顯示最小值、最大值
    // ⚠️ 這兩個 value label 如果不是同型別，似乎會產生錯誤❓ 
    minimumValueLabel: Text("18"), 
    maximumValueLabel: Text("80")
){ EmptyView() }                   // ⭐️ 不使用 `label`

💈範例

• TestIdealSizeView - to control parent's offered size.

• SlidersForSize - control width/height.

⭐️ 重點

• Slider 接受型別 Binding<BinaryFloatingPoint> 的參數。

• Float，Double，CGFloat 都遵從 BinaryFloatingPoint。

• in 參數的預設值為 0…1，可省略。

• 小數位數可用 Text("\(scale, specifier: "%.2f")" ) 的格式設定。

🖥️ 影片

tundsdev ⟩ Slider in SwiftUI

📘 手冊

• SwiftUI ⟩ Views and Controls ⟩ Slider

📗 參考

• Paul ⟩ How to create a slider and read values from it - number format.

• SwiftUI Recipes ⟩ Custom Slider in SwiftUI

🧩 套件

• swiftobc ⟩ SwiftUI Sliders with custom styles

🗣 討論

• How to create custom slider by using SwiftUI?