自定义 SwiftUI 滑块和轨道。

此软件包允许你为 iOS、macOS 和 Mac Catalyst 构建高度可自定义的滑块和轨道。

特性

使用组合构建你自己的滑块和轨道
高度可自定义
水平和垂直样式
具有最小/最大值距离的范围滑块
XY 滑块
下限和上限范围滑块拇指的不同尺寸

样式

HorizontalValueSliderStyle
VerticalValueSliderStyle
HorizontalRangeSliderStyle
VerticalRangeSliderStyle
RectangularPointSliderStyle

如何使用

将此 Swift 包添加到你的项目

git@github.com:spacenation/swiftui-sliders.git

导入并使用

import Sliders
import SwiftUI

struct ContentView: View {
    @State var value = 0.5
    @State var range = 0.2...0.8
    @State var x = 0.5
    @State var y = 0.5
    
    var body: some View {
        Group {
            ValueSlider(value: $value)
            RangeSlider(range: $range)
            PointSlider(x: $x, y: $y)
        }
    }
}

查看每个文件的预览以查看示例

使用样式进行自定义

使用任何 SwiftUI 视图修饰符来创建自定义轨道和滑块拇指。

RangeSlider(range: $model.range2, distance: 0.1 ... 1.0)
    .rangeSliderStyle(
        HorizontalRangeSliderStyle(
            track:
                HorizontalRangeTrack(
                    view: Capsule().foregroundColor(.purple)
                )
                .background(Capsule().foregroundColor(Color.purple.opacity(0.25)))
                .frame(height: 8),
            lowerThumb: Circle().foregroundColor(.purple),
            upperThumb: Circle().foregroundColor(.purple),
            lowerThumbSize: CGSize(width: 32, height: 32),
            upperThumbSize: CGSize(width: 32, height: 32),
            options: .forceAdjacentValue
        )
    )

SDK

iOS 13+
Mac Catalyst 13.0+
macOS 10.15+
Xcode 11.0+

代码贡献

欢迎通过 fork/pull request 向 master 分支贡献代码。如果你想请求功能或报告错误，请创建一个新的 issue。

成为赞助者

如果你觉得这个项目有用，请考虑成为我们的 GitHub 赞助者。