一个开源的 SwiftUI 包,为您的 iOS 项目提供可定制的中心原点滑块

CenterOriginSlider

CenterOriginSlider 是一个开源的 SwiftUI 包,可为您的 iOS 项目提供可自定义的中心原点滑块。此滑块允许用户从中心原点选择一个范围内的值,无论是负值还是正值。

此包提供各种自定义选项,例如拇指大小、颜色、引导栏样式、跟踪栏颜色等,使其成为满足您的用户界面需求的灵活选择。

特征

  • 设置滑块的最小值和最大值。
  • 选择离散或连续增加值。
  • 自定义滑块的拇指大小、颜色和阴影。
  • 使用您选择的拐角半径、颜色和高度来设计引导栏的样式。
  • 定义跟踪栏的外观,包括其颜色和高度。

要求

  • iOS 14.0+
  • macOS 11.0+

安装

CenterOriginSlider 可通过 Swift 包管理器获得。

将 CenterOriginSlider 添加到您的 Xcode 项目:

  1. 选择文件 > 新建 > 包…
  2. https://github.com/thompson-dean/CenterOriginSlider.git在包存储库 URL 文本框中输入。
  3. 按照提示将包添加到您的项目中。

用法

首先,将CenterOriginSlider包导入到要使用它的文件中:

import SwiftUI
import CenterOriginSlider

struct ContentView: View {
    @State private var sliderValue: Float = 0.0

    var body: some View {
        CenterOriginSlider(
            minValue: -100,
            maxValue: 100,
            sliderValue: $sliderValue
        )
    }
}

示例 1 在此示例中,滑块的值可以从 -100 到 100 变化,从 0 开始。目标是在未添加自定义项时看起来尽可能原生。

要进一步自定义滑块,您可以根据需要指定其他属性。例如:

CenterOriginSlider(
    minValue: -50,
    maxValue: 50,
    increment: 10,
    sliderValue: $sliderValue,
    thumbSize: 24,
    thumbColor: .red,
    guideBarCornerRadius: 4,
    guideBarColor: .blue.opacity(0.2),
    guideBarHeight: 6,
    trackingBarColor: .blue,
    trackingBarHeight: 6,
    shadow: 2,
    backgroundColor: .clear
)

示例 2

贡献

欢迎对 CenterOriginSlider 项目做出贡献!如果您碰巧发现错误,或者想添加任何新功能,请随时打开新问题或发送拉取请求。

执照

CenterOriginSlider 在 MIT 许可证下可用。

GitHub

查看 Github