UAWalkthrough 2.1.5

UAWalkthrough 2.1.5

×

由Marcel Hasselaar维护。

UAWalkthrough 2.1.5

UAWalkthrough

CI Status Version License Platform

通过突出显示重要的 UI 元素并使用文本气泡进行描述来快速引导用户使用您的应用。高度可定制，易于实现到自己的项目中。

功能

  • 支持指向您想解释的 UI 元素的“语音气泡”类型对话框和可以用于例如展示不绑定任何特定 UI 元素的功能的“独立气泡”。
  • 可以选择模糊背景和突出显示您想要讨论的元素。
  • 非常可定制的 UI，内置两种风格：带阴影的白色语音气泡或不带阴影的蓝色语音气泡。
  • 可以选择让引导教程自动以指定的延迟进度或要求按下背景。
  • 内置功能，在单个用户上只显示一次引导，并提供重写选项。
  • 使用代理方法在引导完成后触发自定义操作。
  • 非常易于在您的应用中实现，并具有不干扰的设计。

预览

Not pretty but gives you an idea

示例

要运行示例项目，请克隆仓库，并从 Example 目录运行 pod install。

需求

安装

UAWalkthrough 通过 CocoaPods 提供。要安装它，只需将以下行添加到您的 Podfile 中

pod 'UAWalkthrough'

用法

要在您的应用中创建一个引导体验，只需向您的 UIViewController 添加一个扩展，在其中描述您想要告诉用户的 UIView，如下所示

extension MyViewController: WalkthroughProvider {
    var walkthroughItems: [WalkthroughItem] {
        return [
            StandaloneItem(text: .plainText("This is a walkthrough of The App"),
            HighlightedItem(highlightedArea: actionButton1, textLocation: .below, content: .plainText("This button makes the app go BOOM.")),
            HighlightedItem(highlightedArea: slider, textLocation: .above, content: .plainText("Here's a slider for you.")),
            StandaloneItem(centerOffset: CGPoint(x: 0, y: -120), content: .plainText("That marks the end of the onboarding. Have fun!")),
        ]
    }
}

然后，在您想要开始引导的地方插入此行

startWalkthrough()

您可以通过传递一个 WalkthroughSettings来自定义外观，并通过传递一个 TextBubbleStyle来自定义样式。对于更高级的示例，请查看示例应用！

作者

Marcel Hasselaar, [email protected]

许可

UAWalkthrough 在 MIT 许可下可用。有关更多信息，请参阅 LICENSE 文件。