新手引导解决方案

n-guide版本：1.1

教程：多步引导

demo：单步引导

demo：皮肤设置

demo：演示stepChange事件

组件说明

这是一个基于KISSY的新人引导组件，当用户第一次访问，或用户多次访问但未销毁引导功能的时候，页面会出现一个引导浮层。用户可以点击“上一个”、“下一个”、“跳过”、“完成”四个按钮操作浮层，点击右上角的关闭小叉，关闭引导（不是销毁，刷新页面再次出现）。当用户点击“跳过”、“完成”时，引导功能将销毁，可调用实例的reset()方法重启引导功能。详细用法在demo中有演示。

组件内部使用offline组件来存储引导状态，使用xtemplate组件来渲染引导层内部数据。

你或许会好奇如何在Unity中实现新手引导？可以参考Unity新手强制引导小插件。淘宝KISSY动画组件SnakeSlider 也提供了相关的动画效果，让你的引导更加生动。

对于那些对KISSY学习感兴趣的人，kissy学习教程绝对是你不可错过的资源，详细讲解了从基础到高级的使用技巧。

组件方法

• hide()：暂时隐藏引导层，刷新后再次出现。

• reset()：当引导功能被销毁后，调用此方法重启。

• gotoStep(step)：切换至第step步引导。

• setSkin(skin)：设置引导层的皮肤。

想了解更多关于如何为ReactNativeApp添加新手引导组件的信息？不妨看看更快捷地为ReactNativeApp添加新手引导组件。

还在寻找更多类似的引导组件？也许jQuery新手引导会引起你的兴趣，它在实现上有很多巧妙的地方。

探索这些资源，将助你快速掌握各种新手引导组件的使用，让你的项目更上一层楼！