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

    xiaoxiao2025-11-09  7

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

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

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


    先看下实现的效果

    来看下项目目录(很少就一个实现类,一个工具类)

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

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

    public class GuiderLayout extends RelativeLayout

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

    分别是

    public static final int CLTP_RECT = 1; public static final int CLTP_CIRCLE = 2;

    有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,“圈类型”,上面有提到,圆/方 两种样式

    那怎么去掉这一堆“引导内容呢”?(就是箭头啊,文字啊这些)

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

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

    android:tag="common,below"

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

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

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

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

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

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

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

    https://github.com/iammert/MaterialIntroView

    https://github.com/hongyangAndroid/Highlight

    转载请注明原文地址: https://ju.6miu.com/read-1304008.html
    最新回复(0)