SlideButton

SlideButton 是一个 SwiftUI 包,提供一个可自定义的滑动按钮,可以通过滑动来解锁或执行操作。该按钮由背景颜色、标题、图标和一个指示器组成,该指示器可以水平拖动以解锁或执行操作。该视图提供了几个可自定义的样式选项,例如指示器和背景的大小和颜色、文本对齐方式以及文本是否淡出或隐藏在指示器后面。

RPReplay_Final1681664800.mov

安装

您可以使用 Swift Package Manager 安装 SlideButton。要将 SlideButton 添加到您的 Xcode 项目,请转到 File > Swift Packages > Add Package Dependency 并输入 URL https://github.com/no-comment/SlideButton

用法

要使用 SlideButton,请在您的 SwiftUI 视图中导入模块 SlideButton

import SwiftUI
import SlideButton

通过提供标题和一个回调来创建 SlideButton,该回调将在用户成功滑动指示器时执行。

SlideButton("Slide to Unlock") {
    await unlockDevice()
}
.padding()

您可以通过提供 Styling 实例来自定义滑动按钮的外观。例如,您可以更改指示器的大小和颜色、标题文本的对齐方式以及文本是否淡出或隐藏在指示器后面。

let styling = SlideButton.Styling(
    indicatorSize: 60,
    indicatorSpacing: 5,
    indicatorColor: .accentColor,
    backgroundColor: .accentColor.opacity(0.3),
    textColor: .secondary,
    indicatorSystemName: "chevron.right",
    indicatorDisabledSystemName: "xmark",
    textAlignment: .center,
    textFadesOpacity: true,
    textHiddenBehindIndicator: true,
    textShimmers: false
)

SlideButton("Slide to Unlock", styling: styling) {
    await unlockDevice()
}
.padding()

文档

SlideButton 附带文档注释,以帮助您了解如何使用该包。您可以通过在代码中按住 Option 键点击任何 SlideButtonStyling 实例来访问文档。