圆形滑块

一个视图，可以通过在圆形路径上拖动旋钮进行交互以选择值

功能特点

🌈 可自定义颜色
📐 可自定义尺寸
🔠 可自定义字体
🏷 可自定义带有前缀和后缀的文本

🛠 如何安装？

您可以通过转到您的项目设置 > Swift Packages 并通过提供 GitHub URL 来添加存储库来安装 CircularSlider。或者，您可以转到文件 > Swift Packages > 添加包依赖...

🚀 如何使用？

简单示例

struct ContentView: View {
    @State var value = 50.0

    var body: some View {
        VStack {
            CircularSlider(currentValue: $value)
        }
    }
}

花哨示例

struct ContentView: View {
    @State var value = 25.0

    var body: some View {
        VStack {
            CircularSlider(currentValue: $value,
                           minValue: 1,
                           maxValue: 30,
                           knobColor: .orange,
                           progressLineColor: .orange,
                           font: .custom("HelveticaNeue-Light", size: 35),
                           backgroundColor: .gray.opacity(0.05),
                           currentValueSuffix: "$")
        }
    }
}

更花哨的示例...

struct ContentView: View {
    @State var value = 50.0

    var body: some View {
        VStack {
            CircularSlider(currentValue: $value,
                           minValue: 1,
                           maxValue: 60,
                           knobColor: .init(red: 0.5, green: 0.5, blue: 0.5),
                           progressLineColor: .init(red: 0.84, green: 0.93, blue: 0.09),
                           font: .custom("HelveticaNeue-Light", size: 35),
                           backgroundColor: .yellow.opacity(0.09),
                           currentValueSuffix: " min")
        }
    }
}

许可证

CircularSlider 是在 MIT 许可证下发布的。有关详细信息，请参阅 LICENSE。