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

6.png

使用方法

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

Guide.with(this).addGuideParameter(
            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()
        ).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引导步骤的方法说明

GuideParamter.Builder(this.context!!)这个Builder(this.context!!)需要传入Context对象

你可以选择自己需要的形式来实现

PaddingOffset传入四个参数，分别是左、上、右、下，单位是像素

TipOrientation提示框在高亮框的哪个方位，也是枚举

引入库的方法

第一步，在项目所在的build.gradle中加入maven { url 'https://jitpack.io'}

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

第二步，在app所在的build.gradle下的dependencies中依赖implementation 'com.github.tangqipeng:guideView:1.4'就好。

记得1.5可以设置返回按钮的效果

是不是很简单，有兴趣的同学可以试一试。