Android引导蒙版（浮层）

最新推荐文章于 2024-08-09 07:25:32 发布

平行宇宙（EUEH）

最新推荐文章于 2024-08-09 07:25:32 发布

阅读量4k

点赞数 2

文章标签： Android引导蒙板 Android引导蒙层 Android新手指示 Android新手引导

本文链接：https://blog.csdn.net/eueheuen/article/details/79348460

版权

在我们的项目中或多或少都会用到引导蒙层，每当一个项目开发一个新功能，总会想办法及时让用户得知有这样一个新功能，这时通常会采用引导页或者蒙版（浮层）的方式提心用户，这里有需要关注的新内容。

先上图：

引入：

build.gradle（Project）中添加：

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

位置在：

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
        google()
        jcenter()
    }
}

build.gradle（Module）中添加：

implementation ('com.github.huburt-Hu:NewbieGuide:v1.2.0') { exclude group: 'com.android.support' }

具体使用：链式调用，就是这么简单

//需要解释的控件
Button button = findViewById(R.id.btn);
TextView textView = findViewById(R.id.tv);

//只显示一个的引导层
NewbieGuide.with(this)
        .setLabel("1")
        .addHighLight(button, HighLight.Type.RECTANGLE)
        .setLayoutRes(R.layout.view_guide)
        .show();


//多页模式，即一个引导层显示多页引导内容
NewbieGuide.with(this)
        .setLabel("page")//设置引导层标示区分不同引导层，必传！否则报错
        .setOnGuideChangedListener(new OnGuideChangedListener() {
            @Override
            public void onShowed(Controller controller) {
                //引导层显示
            }

            @Override
            public void onRemoved(Controller controller) {
                //引导层消失（多页切换不会触发）
            }
        })
        .setOnPageChangedListener(new OnPageChangedListener() {
            @Override
            public void onPageChanged(int page) {
                //引导页切换，page为当前页位置，从0开始
            }
        })
        .alwaysShow(true)//是否每次都显示引导层，默认false，只显示一次

         /*------------- 第一页引导页的属性 --------------*/
        .addHighLight(textView)//设置高亮的view
        .setLayoutRes(R.layout.view_guide)//设置引导页布局
        .asPage()//保存参数为第一页
       /*------------- 第一页引导页的属性 --------------*/

       /*------------- 第二页引导页的属性 --------------*/
        .addHighLight(button)//从新设置第二页的参数
        .setLayoutRes(R.layout.view_guide)
        .asPage()
       /*------------- 第二页引导页的属性 --------------*/
        .show();//显示引导层