码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-08-15 20:53:57      阅读:211      评论: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

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

标签:

原文地址:http://blog.csdn.net/ddwhan0123/article/details/52213063

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!