自定义遮盖层，帮你完成简单的操作引

自定义遮盖层，帮你完成简单的操作引导

版权声明：本文为博主原创文章，允许转载，但请保留出处。

转载请注明出处：王亟亟的大牛之路

最近忙的起飞，本来想周末写的东西结果拖到了今天，不过没事。下午抽出点时间把工作做了下，开源给大家。

话不多说，先安利：https://github.com/ddwhan0123/Useful-Open-Source-Android(各个模块已经基本拆出来了，还剩下动画/自定义控件/疑难杂症/资料部分)

---

先看下实现的效果

来看下项目目录（很少就一个实现类，一个工具类）

简单讲一下这里有什么以及怎么用：

这是一个继承于RelativeLayout的自定义View

public class GuiderLayout extends RelativeLayout

• 1

可以做到 2种样式，圆 and 方

分别是

public static final int CLTP_RECT = 1;

public static final int CLTP_CIRCLE = 2;

• 1
• 2
• 3

有3中位置关系，分别是 below above right-top（也就是图中箭头以及文字于圈圈的关系）

那如何去show这个试图呢？

 guiderLayout.showGuider(button1, "common", GuiderLayout.CLTP_CIRCLE);


 public void showGuider(View view, final String tag, int clipMode)
传入3个参数:
1,被“圈”的View
2,"身份证"tag以及位置关系(为了易用没做自定义attrs.xml的行为)
3,“圈类型”，上面有提到，圆/方 两种样式

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

那怎么去掉这一堆“引导内容呢”？（就是箭头啊，文字啊这些）

guiderLayout.showNoGuide();
这边有一点没做好，没封装彻底，还要多写一行来隐藏“灰色的底板”,之后的会做2期提升,完善这部分
guiderLayout.setVisibility(View.GONE);

• 1
• 2
• 3

使用并不复杂，主要是说下tag这部分
需要show的layout (箭头，文字那个)要设置一个tag,像这样

   android:tag="common,below"

• 1

传入2个参数，用 “,”分割

第一个参数是“身份证”(自己写，唯一就行)

第二个参数是 “位置关系”(上面提到的那3个)

具体怎么用可以看源码，地址如下

项目地址：https://github.com/ddwhan0123/GuiderLayout

上一个高斯模糊的Dialog做了一些更新，有兴趣的也可以看下，地址如下：https://github.com/ddwhan0123/BlurPopupWindow

再贴下类似的遮盖层实现的开源库：

https://github.com/iammert/MaterialIntroView

https://github.com/hongyangAndroid/Highlight