写点什么

一个非常好用的页面引导工具 guideView,html5 移动开发框架

用户头像
Android架构
关注
发布于: 刚刚

先看图,我就放一张,其实有各种各样的式样,下面详细解释一下。


使用方法

使用起来非常简单,代码如下:


Guide.with(this).addGuideParameter(GuideParamter.Builder(this.context!!)// .addHighLightView(textView)//直接加 view.addHighLightViewById(R.id.message)/


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


/添加 id.setHighLightShap(Shape.RoundRect).setHighLightViewPadding(PaddingOffset(0, 0, 0, 0))// .addTipContentViewById(R.layout.guide_layout).addTipContentView(tipView)//也可以直接添加 view,因为这个页面可能多次使用.setTipViewOrientation(TipOrientation.BOTTOM).setTipViewMargin(10).setTipHintListener { loge(mTAG, "第一步") }.setDialogDimAmount(0.5f).build()).addGuideParameter(GuideParamter.Builder(this.context!!)// .addHighLightView(textView1).addHighLightViewById(R.id.message1).setHighLightShap(Shape.Oval).setHighLightViewPadding(PaddingOffset(0, 0, 0, 0))// .addTipContentViewById(R.layout.guide_layout).addTipContentView(tipView)//也可以直接添加 view,因为这个页面可能多次使用.setTipViewOrientation(TipOrientation.LEFT).setTipViewMargin(15).setTipHintListener { loge(mTAG, "第二步") }.setDialogDimAmount(0.5f).build()).setGuideDimAmount(0.5f).setLastStepListener {loge(mTAG, "最后一步")}.show()


或者是


Guide.with(this).setGuideParameters(GuideParamter.Builder(this.context!!)// .addHighLightView(textView)//直接加 view.addHighLightViewById(R.id.message)//添加 id.setHighLightShap(Shape.RoundRect).setHighLightViewPadding(PaddingOffset(0, 0, 0, 0))// .addTipContentViewById(R.layout.guide_layout).addTipContentView(tipView)//也可以直接添加 view,因为这个页面可能多次使用.setTipViewOrientation(TipOrientation.BOTTOM).setTipViewMargin(10).setTipHintListener { loge(mTAG, "第一步") }.setDialogDimAmount(0.5f).build()+GuideParamter.Builder(this.context!!)// .addHighLightView(textView1).addHighLightViewById(R.id.message1).setHighLightShap(Shape.Oval).setHighLightViewPadding(PaddingOffset(0, 0, 0, 0))// .addTipContentViewById(R.layout.guide_layout).addTipContentView(tipView)//也可以直接添加 view,因为这个页面可能多次使用.setTipViewOrientation(TipOrientation.LEFT).setTipViewMargin(15).setTipHintListener { loge(mTAG, "第二步") }.setDialogDimAmount(0.5f).build()).setGuideDimAmount(0.5f).setLastStepListener {loge(mTAG, "最后一步")}.show()


可以看出使用起来是超级简单的,你想在那里用就直接放入就好,而且有现成的库。 1.5 版本新增一项功能,可以设置返回按钮的模式。

代码说明

Guide.with(this)这个with(this)支持 activity、fragment、view 都可以。show()就是显示了。

外部 Guide 的方法说明

Shap的形状支持如下几种,是枚举类型

内部 GuideParamter 引导步骤的方法说明

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
一个非常好用的页面引导工具guideView,html5移动开发框架