一個超級方面的用戶指引view—App實現用戶指引就是如此簡單

應用推出新功能須要給給用戶提示指引一下.傳入須要指引的View便可

效果圖

最近有小夥伴問我APP應用實現用戶指引有沒有好的方式，由於項目中是根據本身當前的界面根據其本來的佈局彈出一個dialog。

• 優勢

  這樣作的好處是無需適配，不用擔憂便宜問題

• 缺點是：

  不一樣的界面要寫不一樣的dialog，若是引導較多，則會增長代碼量

偶然間看到一個不錯的封裝庫UserGuideView。給你們分享一下。

原理是根據當前要顯示引導的view，經過其座標來設置View的位置。

使用方法

• 第一步引入依賴

  allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }複製代碼

• 增長 dependency

  dependencies {
            compile 'com.github.yilylong:UserGuideView:v1.0.0'
    }複製代碼

• 佈局文件中引入

  guideView.setHighLightView(UserGuideTestActivity.this,convertView);
  
    guideView.setHighLightView(targetView);複製代碼

  UserGuideView的注意事項

傳入當前須要高亮的view便可 以前的方法持有一個activity的引用不太好 去掉了

支持

• 支持高亮框形狀 屬性app:HighlightViewStyle="oval" 方形 圓形 橢圓 可選

• 提示的圖片 屬性 app:tipView="@mipmap/tip_view"

• 蒙版層顏色 屬性 app：maskColor

• 高亮框邊緣模糊效果 屬性 app:MaskBlurStyle="solid" normal/solid

• 默認去掉了狀態欄高度 當主題設置了

  android:windowTranslucentStatus = true複製代碼

  須要設置狀態欄高度爲0

  guideView.setStatusBarHeight(0);複製代碼

  修改了狀態欄高度的獲取方式不須要再調用這個方法。

項目地址

github.com/yilylong/Us…

相信本身，沒有作不到的，只有想不到的

若是你以爲此文對您有所幫助，歡迎入羣 QQ交流羣 ：644196190
微信公衆號：終端研發部

技術+職場