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

来源：互联网发布：跑步计时器软件编辑：程序博客网时间：2024/06/06 09:57

新手引导视图，初次打开页面时显示。支持圆形，椭圆，矩形等多种图形提示部分支持图片和文字提示

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();    }}

0 0