🎛️Slider

SwiftUI ⟩ controls ⟩ Slider

💈範例：

// ⭐️ `in`: 預設範圍為 0...1 (可省略)
Slider(value: $scale)
    .accentColor(.orange)         // ⭐️ 設定 slider 的顏色
    
// ⭐️ slider with range (no 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") }     // min label
    maximumValueLabel: { Text("100") }   // max label
    onEditingChanged : { ... }

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

📘 手冊

• 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

💈範例

• TestIdealSizeView - to control parent's offered size.

• SlidersForSize - control width/height.

⭐️ 重點

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

• Float，Double，CGFloat 都遵從 BinaryFloatingPoint。

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

🖥️ 影片

tundsdev ⟩ Slider in SwiftUI

🗣 討論

• How to create custom slider by using SwiftUI?