GuideView:一分钟实现Android遮罩引导视图

GuideView:一分钟实现Android遮罩引导视图

先看一下效果图

主角GuideView登场！

GuideView是一种基于DialogFragment实现的引导遮罩浮层视图的轻量级解决方案，它具备以下的特性：

• 响应导航按钮的动作（因为引导浮层本质是一个dialog）；
• 链式引导层，支持设定一组的引导遮罩视图，通过点击切换下一个试图，快读与业务进行解藕；
• 自动绘制半透明浮层、透明核心区以及确保目标视图和引导视图的位置。

实现说明

页面的结构如下图所示：

核心类

GuideViewBundle

引导视图的配置项类，每一页引导视图对应一个配置项。在GuideView内部通过这个配置项去构造GuideView的实例，并通过GuideViewFragment显示在界面上。

其中的属性都通过构造器的模式，通过静态内部类Builder进行构建，属性说明如下：

• targetView

  引导视图需要显示附着的目标视图

• hintView

  引导视图（不包含半透明浮层以及透明焦点区）

• transparentSpaceXXX

  默认的情况下，透明焦点区的大小跟目标视图的大小保持一致，如果需要加大透明区域的大小，可以通过设置这组属性，指定上下左右的额外的空白区域

• hintViewMarginXXX

  引导视图（hintView）相对于目标视图（targetView）的边距

• hasTransparentLayer

  是否显示透明焦点区域，默认显示。可以选择不绘制透明焦点区域而只有半透明的浮层

• hintViewDirection

  引导视图（hintView）相对于目标视图（targetView）的位置方向，目前