android实现App第一次进入时的引导学习界面

时间 2019-11-20

标签 android 实现 app 第一次进入引导学习界面栏目 Android 繁體版

原文原文链接

转载：http://blog.csdn.net/u011993368/article/details/43764737前端

由于咱们所熟知的Android平台是一个又一个的Activity组成的，每个Activity有一个或者多个View构成。因此说，当咱们想显示一个界面的时候，咱们首先想到的是创建一个Activity，而后全部的操做在Activity里面实现，或者是一个Dialog或者Toast。这种方式当然简单，可是在有些状况下，咱们要求的只是简单的显示，用Activity显然是多余，这个时候，咱们如何处理呢？java

原来，整个Android的窗口机制是基于一个叫作 WindowManager，这个接口能够添加view到屏幕，也能够从屏幕删除view。android

其实咱们的Activity或者Diolog底层的实现也是经过WindowManager，这个 WindowManager是全局的，在整个系统是惟一的。它是显示View的最底层了。web

效果图：

点击屏幕任何一个位置，引导界面消失设计模式

源码分析

两个类：GuideUtil，ScreenUtilsapp
两个动画文件：fade_in.xml ，fade_out.xmleclipse
一个在主activity：MainActivityide

先看看MainActivity 中如何使用这两个类，再深刻其中看看这两个类怎么工做工具

一、MainActivity

 public class MainActivity extends Activity {
    private GuideUtil guideUtil = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /**获取引导界面工具类的实例**/
        guideUtil = GuideUtil.getInstance();
        /**显示引导界面，程序一启动就会显示引导界面**/
        guideUtil.initGuide(this, R.drawable.add_guide);
        findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                /**若是引导界面消失了，可点击这个按钮，显示引导界面**/
                guideUtil.initGuide(MainActivity.this, R.drawable.add_guide);
            }
        });
        findViewById(R.id.button2).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                /**实际程序中，若是不是第一次，那不会显示引导界面。
                在setFirst中设置false，模拟这个效果。
                点击上面的按钮，不会再弹出引导界面**/
                //是不是第一次进入app
                guideUtil.setFirst(false);
                guideUtil.initGuide(MainActivity.this, R.drawable.add_guide);
            }
        });
    }
}

二、GuideUtil

初始化引导图层，并设置一个事件。oop

/**
 * @类名:GuideUtil
 * @类描述:引导工具界面
 * @修改人:
 * @修改时间:
 * @修改备注:
 * @版本:
 */
public class GuideUtil {
    private Context context;
    private ImageView imgView;
    private WindowManager windowManager;
    private static GuideUtil instance = null;
    /** 是否第一次进入该程序 **/
    private boolean isFirst = true;
    /**采用私有的方式，只保证这种经过单例来引用，同时保证这个对象不会存在多个**/
    private GuideUtil() {
    }
    /**采用单例的设计模式，同时用了同步锁**/
    public static GuideUtil getInstance() {
        synchronized (GuideUtil.class) {
            if (null == instance) {
                instance = new GuideUtil();
            }
        }
        return instance;
    }
    private Handler handler = new Handler(Looper.getMainLooper()) {
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
            case 1:
                // 设置LayoutParams参数
                final LayoutParams params = new WindowManager.LayoutParams();
                // 设置显示的类型，TYPE_PHONE指的是来电话的时候会被覆盖，其余时候会在最前端，显示位置在stateBar下面，其余更多的值请查阅文档
                params.type = WindowManager.LayoutParams.TYPE_PHONE;
                // 设置显示格式
                params.format = PixelFormat.RGBA_8888;
                // 设置对齐方式
                params.gravity = Gravity.LEFT | Gravity.TOP;
                // 设置宽高
                params.width = ScreenUtils.getScreenWidth(context);
                params.height = ScreenUtils.getScreenHeight(context);
                // 设置动画
                params.windowAnimations = R.style.view_anim;
                // 添加到当前的窗口上
                windowManager.addView(imgView, params);
                break;
            }
        };
    };
/**
     * @方法说明:初始化
     * @方法名称:initGuide
     * @param context
     * @param drawableRourcesId：引导图片的资源Id
     * @返回值:void
     */
    public void initGuide(Activity context, int drawableRourcesId) {
        /**若是不是第一次进入该界面**/
        if (!isFirst) {
            return;
        }
        this.context = context;
        windowManager = context.getWindowManager();
        /** 动态初始化图层**/
        imgView = new ImageView(context);
        imgView.setLayoutParams(new LayoutParams(
                android.view.ViewGroup.LayoutParams.MATCH_PARENT,
                android.view.ViewGroup.LayoutParams.MATCH_PARENT));
        imgView.setScaleType(ScaleType.FIT_XY);
        imgView.setImageResource(drawableRourcesId);
        /**这里我特地用了一个handler延迟显示界面，主要是为了进入界面后，你能看到它淡入得动画效果，否则的话，引导界面就直接显示出来**/
        handler.sendEmptyMessageDelayed(1, 1000);
        imgView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                /** 点击图层以后，将图层移除**/
                windowManager.removeView(imgView);
            }
        });
    }
    public boolean isFirst() {
        return isFirst;
    }
/**
     * @方法说明:设置是否第一次进入该程序
     * @方法名称:setFirst
     * @param isFirst
     * @返回值:void
     */
    public void setFirst(boolean isFirst) {
        this.isFirst = isFirst;
    }
}

三、ScreenUtils

这个类主要获取屏幕的宽度和高度

ScreenUtils类，在只有44 和45 两个地方有用到

 /**
 * @类名:ScreenUtils
 * @类描述:屏幕工具类
 * @修改人:
 * @修改时间:
 * @修改备注:
 * @版本:
 */
public class ScreenUtils {
    /**
     * @方法说明:获取DisplayMetrics对象
     * @方法名称:getDisPlayMetrics
     * @param context
     * @return
     * @返回值:DisplayMetrics
     */
    public static DisplayMetrics getDisPlayMetrics(Context context) {
        DisplayMetrics metric = new DisplayMetrics();
        if (null != context) {
            ((Activity) context).getWindowManager().getDefaultDisplay()
                    .getMetrics(metric);
        }
        return metric;
    }
    /**
     * @方法说明:获取屏幕的宽度（像素）
     * @方法名称:getScreenWidth
     * @param context
     * @return
     * @返回值:int
     */
    public static int getScreenWidth(Context context) {
        int width = getDisPlayMetrics(context).widthPixels;
        return width;
    }
    /**
     * @方法说明:获取屏幕的高（像素）
     * @方法名称:getScreenHeight
     * @param context
     * @return
     * @返回值:int
     */
    public static int getScreenHeight(Context context) {
        int height = getDisPlayMetrics(context).heightPixels;
        return height;
    }
    /**
     * @方法说明:屏幕密度(0.75 / 1.0 / 1.5)
     * @方法名称:getDensity
     * @param context
     * @return
     * @返回 float
     */
    public static float getDensity(Context context) {
        float density = getDisPlayMetrics(context).density;
        return density;
    }
    /**
     * @方法说明:屏幕密度DPI(120 / 160 / 240)
     * @方法名称:getDensityDpi
     * @param context
     * @return
     * @返回 int
     */
    public static int getDensityDpi(Context context) {
        int densityDpi = getDisPlayMetrics(context).densityDpi;
        return densityDpi;
    }
}

四、两个动画文件

fade_in.xml

 <?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0" />

fade_out.xml

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromAlpha="1.0"
    android:toAlpha="0.0" />

源码下载：

原做者想赚点资源分，提供了eclipse项目代码，若是手头分数还算宽裕，去原做者那里下载吧

若是没有分的而且不会转化为AS项目的，我提供了这个下载地址。