BouncySlider 是一个可定制的、交互式的 SwiftUI 滑块，带有令人愉悦的弹性动画。非常适合为您的 iOS 应用程序添加一个有趣、引人入胜的滑块组件。
- 🌈 流畅且富有弹性的动画，增强用户体验。
- 🎨 可定制的外观（颜色、图像、大小）。
- 📱 兼容 SwiftUI 并支持 iOS。
您可以使用 Swift Package Manager 将 BouncySlider 添加到您的项目中
- 在 Xcode 中打开您的项目。
- 转到 File > Add Package Dependency...（文件 > 添加 Package 依赖...）
- 输入以下 URL
- https://github.com/Mor4eza/BouncySlider.git
- 选择您要使用的版本，或将其保留为默认值，然后单击“Next”（下一步）。
要在您的 SwiftUI 视图中使用 BouncySlider
import SwiftUI
import BouncySlider
struct ContentView: View {
@State var value: CGFloat = 0.5
var body: some View {
VStack {
BouncySlider(value: $value, orientation: .vertical) {
if value == 1.0 {
Image(systemName: "speaker.wave.3.fill").foregroundStyle(.gray)
} else if value < 1.0 && value > 0.36 {
Image(systemName: "speaker.wave.2.fill").foregroundStyle(.gray)
} else if value <= 0.35 && value > 0.0 {
Image(systemName: "speaker.wave.1.fill").foregroundStyle(.gray)
} else {
Image(systemName: "speaker.fill").foregroundStyle(.gray)
}
}
Text("Volume: \(Int(value * 100))%")
}
}
}
您可以自定义滑块的各种属性以适应您的设计需求
- Background Color（背景颜色）：设置滑块背景的颜色。
- Fill Color（填充颜色）：设置滑块的颜色。
- Custom Image（自定义图像）：向滑块添加自定义图像。
- Orientation（方向）：将滑块方向设置为垂直或水平。
- Slider length（滑块长度）：更改滑块的长度。
示例
BouncySlider(value: $value, orientation: .vertical, backgroundColor: .red, fillColor: .yellow) {
Image() // use your desired image
}
要查看 BouncySlider 的实际效果，请查看存储库中包含的示例项目。
-
克隆存储库
git clone https://github.com/Mor4eza/BouncySlider.git
-
在 Xcode 中打开 BouncySliderExample.xcodeproj。
-
在模拟器或设备上构建并运行该项目。
此示例演示了 BouncySlider 的基本和高级用法，并允许您尝试不同的自定义选项。
- iOS 14.0+
- Swift 5.0+
- SwiftUI
BouncySlider 在 MIT 许可下可用。有关更多信息，请参见 LICENSE 文件。
欢迎贡献！如果您对新功能、改进有任何想法，或者发现任何错误，请随时提出问题或提交 pull request。 请确保您的贡献与现有的代码风格保持一致，并提供适当的文档。