ModernSlider 是一个可定制的 SwiftUI 滑块组件，其灵感来自 macOS 控制中心的滑块，它提供了一个时尚且现代的界面，用于从一个范围内选择值。
- 可定制的范围、宽度、高度、系统图像和颜色
- 带有背景视图的可选标题
- 平滑的滑动动画
- 用于值更改和拖动结束事件的回调
- 支持亮色和暗色模式
- iOS 14.0+
- macOS 11.0+
- Mac Catalyst 15.0+
要将 ModernSlider 添加到您的项目中，请按照以下步骤操作
- 在 Xcode 中打开您的项目。
- 转到“File（文件）”>“Add Packages（添加包）”。
- 输入仓库 URL：https://github.com/arjun-dureja/ModernSlider
- 选择 ModernSlider 包并将其添加到您的项目中。
或者，将以下内容添加到您的 Package.swift 文件中
dependencies: [
.package(url: "https://github.com/arjun-dureja/ModernSlider.git", from: "1.0.0")
]
首先，在您的 SwiftUI 视图中导入 ModernSlider 包
import ModernSlider
然后，您可以在您的 SwiftUI 视图中使用 ModernSlider
struct ContentView: View {
@State private var sliderValue = 50.0
var body: some View {
ModernSlider(
"Brightness",
systemImage: "sun.max.fill",
value: $sliderValue,
in: 5...100,
onChange: { newValue in
print("Slider value changed to \(newValue)")
},
onChangeEnd: { finalValue in
print("Sliding ended with value \(finalValue)")
}
)
}
}
自定义图像、宽度、高度和颜色
ModernSlider(
"Volume",
systemImage: "speaker.wave.2.fill",
sliderWidth: 300,
sliderHeight: 30,
sliderColor: .blue,
value: $volume
)
无标题
ModernSlider(
systemImage: "circle",
value: $value
)
public init(
_ title: String? = nil,
systemImage: String,
sliderWidth: CGFloat = 250,
sliderHeight: CGFloat = 25,
sliderColor: Color = .white,
value: Binding<Double>,
in range: ClosedRange<Double> = 0...100,
onChange: ((Double) -> Void)? = nil,
onChangeEnd: ((Double) -> Void)? = nil
)
title: 一个可选字符串，用于描述滑块表示的数据。systemImage: 一个字符串，表示滑块拇指的系统图像名称。sliderWidth: 滑块轨道的宽度。默认为 250。sliderHeight: 滑块轨道和拇指的高度。默认为 25。sliderColor: 滑块的填充和拇指的颜色。默认为白色。value: 滑块当前值的绑定。range: 一个闭合范围，表示滑块的最小值和最大值。默认为 0...100。onChange: 一个可选闭包，当滑块值更改时调用。onChangeEnd: 一个可选闭包，当拖动结束时调用。
欢迎贡献！请随时提交 Pull Request。
ModernSlider 在 MIT 许可证下可用。 有关更多信息，请参见 LICENSE 文件。