Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> 自定義遮蓋層,幫你完成簡單的操作引導

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

編輯:關於Android編程

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

話不多說,先安利:Android">https://github.com/ddwhan0123/Useful-Open-Source-Android(各個模塊已經基本拆出來了,還剩下動畫/自定義控件/疑難雜症/資料部分)


先看下實現的效果

這裡寫圖片描述

這裡寫圖片描述

來看下項目目錄(很少就一個實現類,一個工具類)

這裡寫圖片描述

簡單講一下這裡有什麼以及怎麼用:<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwPtXiysfSu7j2vMyz0NPaUmVsYXRpdmVMYXlvdXS1xNfUtqjS5VZpZXc8L3A+DQo8cHJlIGNsYXNzPQ=="brush:java;"> 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

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved