ConcentricOnboarding:SwiftUI 制作的同心引导流程库





项目名称:ConcentricOnboarding

ConcentricOnboarding 是一个用 SwiftUI 编写的 iOS 库,用于实现引导或教程流程,具有点击动作和动画效果。以下是该项目的主要特点和使用方法:

使用方法

  1. 创建 View 的子类来作为你的页面。

  2. 创建至少两个页面并填充内容。

  3. 创建一个元组数组 - (页面,背景颜色)。

  4. 创建 ConcentricOnboardingView 并将其放置在你的视图层次结构中。

struct ContentView: View {
    var body: some View {
        return ConcentricOnboardingView(pageContents: [<your_page>, <your_background_color>])
    }
}
  1. 如果需要,可以传递持续时间作为参数以使动画更快或更慢。

ConcentricOnboardingView(pageContents: [<your_page>, <your_background_color>])
    .(duration: 2.0)
  1. 如果需要更改按钮上的默认图标,可以传递图标名称作为参数。

ConcentricOnboardingView(pageContents: [<your_page>, <your_background_color>])
    .(nextIcon: "chevron.forward")

公共接口

goToNextPage(animated: Bool = true) - 如果需要手动调用此方法
goToPreviousPage(animated: Bool = true) - 如果需要手动调用此方法

可分配的闭包

.animationWillBegin - 动画开始前调用
.animationDidEnd - 动画结束后调用
.didGoToLastPage - 动画引导到最后一页后调用
.didChangeCurrentPage - 页面变化后调用
.insteadOfCyclingToFirstPage - 替换在最后一页按下“下一步”后的默认导航到第一页
.insteadOfCyclingToLastPage - 替换在第一页按下“上一步”后的默认导航到最后一页
.didPressNextButton - 替换默认按钮动作为用户的自定义闭包

示例

要尝试 ConcentricOnboarding 的示例:

  1. 克隆仓库 https://github.com/exyte/ConcentricOnboarding.git

  2. 打开终端并运行 cd <ConcentricOnboardingRepo>/Example/

  3. 运行 pod install 安装所有依赖项

  4. 运行并打开 ConcentricOnboardingExample.xcworkspace/ 在 Xcode 中打开项目

  5. 尝试它!

安装

  • 通过 Swift Package Manager、CocoaPods 和 Carthage 集成 ConcentricOnboarding

系统要求

  • iOS 14+ / Xcode 12+

致谢

感谢 Cuberto team 提供的设计灵感。

其他开源 SwiftUI 库

Exyte 还提供了其他多个开源 SwiftUI 库,如 PopupView、Grid、ScalingHeaderScrollView 等。

或许喜欢

ActivityIndicatorView:SwiftUI 创建的预设加载指示器库

ActivityIndicatorView 是一个 SwiftUI 库,提供多种预设的加载动画指示器,支持自定义样式和动画,适用于 iOS、watchOS、tvOS 和 macOS 平台。

最近更新 2024-12-11

CryptoTracker:基于CoinGecko免费API构建的加密货币信息应用

CryptoTracker是一个使用SwiftUI和Combine构建的iOS应用,展示前250名加密货币信息,支持iOS 15.0+,集成了CoinGecko API,支持图片缓存和图表显示。

最近更新 2024-12-09

ActionButton:SwiftUI 可状态切换按钮

ActionButton 是一个 SwiftUI 库,提供了内置的三种状态(启用、禁用、加载中)的按钮,支持自动状态间动画切换,增强用户交互体验。

最近更新 2024-12-11

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1