一個超級方面的使用者指引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
微信公眾號：終端研發部