UserGuideView

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

用户指引 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