同心登记录载
使用SwiftUI编写的iOS库,带有点击操作的引导或登记录载流程
我们是一家致力于开发杰出的应用软件开发机构。
使用
- 为您的页面创建
View
的子类。 - 创建至少两个页面并将它们填满内容。
- 创建一个元组数组 - (页面,背景颜色)。
- 创建ConcentricOnboardingView并将其放置在视图层次结构中。
struct ContentView: View {
var body: some View {
return ConcentricOnboardingView(pageContents: [<your_page>, <your_background_color>])
}
}
- 如果想要使动画更快或更慢,请将持续时间作为参数传递
ConcentricOnboardingView(pageContents: [<your_page>, <your_background_color>])
.(duration: 2.0)
- 如果想要更改按钮上的默认图标,请将图标名称作为参数传递
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 的示例
- 克隆仓库
https://github.com/exyte/ConcentricOnboarding.git
- 在终端中运行
cd <ConcentricOnboardingRepo>/Example/
- 运行
pod install
以安装所有依赖项 - 运行并打开
ConcentricOnboardingExample.xcworkspace/
以在 Xcode 中打开项目 - 试试它!
安装
CocoaPods
要安装 ConcentricOnboarding
,只需将以下行添加到您的 Podfile 中
pod 'ConcentricOnboarding'
Carthage
要使用 Carthage 将 ConcentricOnboarding
集成到您的 Xcode 项目中,请在 Cartfile
中指定它
github "Exyte/ConcentricOnboarding"
手动
将 ConcentricOnboardingView.swift 文件添加到您的项目中。
需求
- iOS 14+
- Xcode 11+
致谢
感谢 Cuberto 团队 提供的设计理念和灵感。