Android引导蒙层，安卓新手引导图，引导图层，支持椭圆，圆形，矩形多种形状，一行代码快速搞定

github源码地址：https://github.com/qiushi123/GuideView-master

先看效果图

=====

使用步骤。

=====

使用起来特别简单，只需要把GuideView这个类复制到你的项目中就可以了

package com.laxian.guideview;



import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.Gravity;

import android.view.ViewGroup;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.ImageView;

import android.widget.RelativeLayout;

import android.widget.TextView;



public class MainActivity extends AppCompatActivity {



    private ImageButton menu;

    private Button btnTest;

    private Button btnTest2;

    private GuideView guideView;

    private GuideView guideView3;

    private GuideView guideView2;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        menu = (ImageButton) findViewById(R.id.ib_menu);

        btnTest = (Button) findViewById(R.id.btn_test);

        btnTest2 = (Button) findViewById(R.id.btn_test2);



    }



    private void setGuideView() {



        // 使用图片

        final ImageView iv = new ImageView(this);

        iv.setImageResource(R.drawable.img_new_task_guide);

        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

        iv.setLayoutParams(params);



        // 使用文字

        TextView tv = new TextView(this);

        tv.setText("欢迎使用");

        tv.setTextColor(getResources().getColor(R.color.white));

        tv.setTextSize(30);

        tv.setGravity(Gravity.CENTER);



        // 使用文字

        final TextView tv2 = new TextView(this);

        tv2.setText("欢迎使用2");

        tv2.setTextColor(getResources().getColor(R.color.white));

        tv2.setTextSize(30);

        tv2.setGravity(Gravity.CENTER);





        guideView = GuideView.Builder

                .newInstance(this)

                .setTargetView(menu)//设置目标

                .setCustomGuideView(iv)

                .setDirction(GuideView.Direction.LEFT_BOTTOM)

                .setShape(GuideView.MyShape.CIRCULAR)   // 设置圆形显示区域，

                .setBgColor(getResources().getColor(R.color.shadow))

                .setOnclickListener(new GuideView.OnClickCallback() {

                    @Override

                    public void onClickedGuideView() {

                        guideView.hide();

                        guideView2.show();

                    }

                })

                .build();





        guideView2 = GuideView.Builder

                .newInstance(this)

                .setTargetView(btnTest)

                .setCustomGuideView(tv)

                .setDirction(GuideView.Direction.LEFT_BOTTOM)

                .setShape(GuideView.MyShape.ELLIPSE)   // 设置椭圆形显示区域，

                .setBgColor(getResources().getColor(R.color.shadow))

                .setOnclickListener(new GuideView.OnClickCallback() {

                    @Override

                    public void onClickedGuideView() {

                        guideView2.hide();

                        guideView3.show();

                    }

                })

                .build();





        guideView3 = GuideView.Builder

                .newInstance(this)

                .setTargetView(btnTest2)

                .setCustomGuideView(tv2)

                .setDirction(GuideView.Direction.LEFT_BOTTOM)

                .setShape(GuideView.MyShape.RECTANGULAR)   // 设置矩形显示区域，

                .setRadius(80)          // 设置圆形或矩形透明区域半径，默认是targetView的显示矩形的半径，如果是矩形，这里是设置矩形圆角大小

                .setBgColor(getResources().getColor(R.color.shadow))

                .setOnclickListener(new GuideView.OnClickCallback() {

                    @Override

                    public void onClickedGuideView() {

                        guideView3.hide();

                        guideView.show();

                    }

                })

                .build();



        guideView.show();

    }



    @Override

    protected void onResume() {

        super.onResume();

        setGuideView();

    }

}