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

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

使用方法

使用起来非常简单，代码如下：

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 引导步骤的方法说明