Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

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

$
0
0

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

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

话不多说,先安利: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

作者:ddwhan0123 发表于2016/8/15 17:48:31 原文链接
阅读:278 评论:5 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>