頻道欄目
首頁 > 資訊 > Android > 正文

自定義遮蓋層,幫你完成簡單的操作引導

16-08-16        來源:[db:作者]  
收藏   我要投稿

最近忙的起飛,本來想周末寫的東西結果拖到了今天,不過沒事。下午抽出點時間把工作做了下,開源給大家。

話不多說,先安利: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

相關TAG標簽
上一篇:臺積電:絕大多數7nm客戶都會轉向6nm_IT新聞_博客園
下一篇:最后一頁
相關文章
圖文推薦

關于我們 | 聯系我們 | 廣告服務 | 投資合作 | 版權申明 | 在線幫助 | 網站地圖 | 作品發布 | Vip技術培訓 | 舉報中心

版權所有: 紅黑聯盟--致力于做實用的IT技術學習網站

美女MM131爽爽爽毛片