UserGuideView

Introduction: 一个用户引导控件
More: Author   ReportBugs   DemoAPK   
Tags:
guideview-引导-user-UserGuideView-

GuideView

用户指引 guideview

应用推出新功能需要给给用户提示指引一下.传入需要指引的 View 即可




How To Useage

引入依赖

step1.Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Step 2. Add the dependency

dependencies {
        implementation 'com.github.yilylong:UserGuideView:1.1.0'
}

布局文件中引入 UserGuideView 然后:

guideView.setHighLightView(UserGuideTestActivity.this,convertView);

guideView.setHighLightView(targetView);

传入当前需要高亮的 view 即可 之前的方法持有一个 activity 的引用不太好 去掉了

支持高亮框形状 属性 app:HighlightViewStyle="oval" 方形 圆形 椭圆 可选

提示的图片 属性 app:tipView="@mipmap/tip_view"

蒙版层颜色 属性 app:maskColor

高亮框边缘模糊效果 属性 app:MaskBlurStyle="solid" normal/solid

需要设置状态栏高度时候调用 guideView.setStatusBarHeight(0)

v1.1.0

修改屏幕高度计算工具类获取正确的屏幕高度

v1.0.7

修改右下角箭头位置的计算 bug

v1.0.3 新增

1.0.1 可以支持批量设置高亮 view 但漏了设置每个高亮 view 对应的 tipview,1.0.3 补上

setHighLightView(LinkedHashMap<View,Integer> targetsWithTipViews);

实际应用中,tipview 和 箭头等设计图不一样,很难做到精准定位,所以增加了设置每个箭头和 tipview 位移的方法,来微调位置以达到最合适的布局。

setArrowDownCenterMoveX(int jtDownCenterMoveX)
setArrowUpRightMoveX(int jtUpRightMoveX)
setArrowUpLeftMoveX(int jtUpLeftMoveX)
setArrowUpRightMoveX(int jtUpRightMoveX)
setArrowUpCenterMoveX(int jtUpCenterMoveX)
setArrowDownRightMoveX(int jtDownRightMoveX)
setArrowDownLeftMoveX(int jtDownLeftMoveX)
setArrowDownCenterMoveX(int jtDownCenterMoveX)
setTipViewMoveX(View highlightView,int tipViewMoveX)
setTipViewMoveY(View highlightView,int tipViewMoveY)

等几个方法

v1.0.2 新增

增加是否显示箭头的方法

v1.0.1 新增

支持同时设置多个需要高亮的 View 并将按顺序显示

guideView.setHightLightView(top,icon,back);

支持设置指示箭头

guideView.setArrowUpCenter(R.mipmap.up_arrow);

支持将自定义 View 作为 tipview

guideView.setTipView(tipTextView,400,200);

详情参考 Demo

Apps
About Me
GitHub: Trinea
Facebook: Dev Tools