WindowManager类使用详解——用户首次打开APP的使用教学蒙板效果实现



转载请注明出处：http://blog.csdn.net/zhaokaiqiang1992

    在上一篇的文章中，我们介绍了如何实现桌面悬浮窗口，在这个效果的实现过程中，最重要的一个类就是WindowManager，今天这篇文章，将对WindowManager的使用进行介绍，并且实现一个使用WindowManager来实现用户打开APP，显示首次使用教学蒙板的效果。

    WindowManager类实现了ViewManager接口，ViewManager接口允许我们在Activity上添加或者是移除view，因此WindowManager也允许我们在Activity上进行View的添加和移除操作。

    我们可以通过下面的方法获取一个WindowManager对象

    Context.getSystemService(Context.WINDOW_SERVICE)

    在Activity之中，我们可以直接通过getWindowManager()获取到一个WindowManager对象。

    每一个WindowManager实例都被绑定到一个独有的Display对象上面，如果我们想获取不同Display的WindowManager对象，我们可以通过createDisplayContext(Display)获取到这个Display的Context对象，然后使用上面的方法，也可以获取到一个WindowManager对象。

   我们在使用WindowManager类的时候，通常使用下面的几个方法：

    windowManager.addView(View,WindowManager.LayoutParam);

    windowManager.removeView();

    windowManager.getDefaultDisplay();

    windowManager.addView()方法用来向当前的窗口上添加View对象，需要接受两个参数，View是要添加到窗口的View对象，而WindowManager.LayoutParam则是添加的窗口的参数，在上一篇添加悬浮窗的操作的时候，需要对LayoutParam设置很多参数，下面我们看一下常用的设置

// 设置LayoutParams参数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(this);params.height = ScreenUtils.getScreenHeight(this);//设置显示的位置params.x;params.y;

    设置好LayoutParam之后，我们就可以通过windowManager.addView(View,WindowManager.LayoutParam)将View添加到窗口之上，不过，我们需要申明权限

    <uses-permissionandroid:name="android.permission.SYSTEM_ALERT_WINDOW"/>

    

     添加完成之后，我们就可以在窗口上看到我们添加的View对象了。如果我们想将添加的View移除，我们只需要调用windowManager.removeView()即可，参数就是我们前面使用的View对象，使用很简单。除了这个方法，还有个windowManager.removeViewImmediate()，也可以将View移除，但是文档中说，这个方法并不是给一般程序调用的，因此需要小心使用，我们开发的都属于一般程序，建议不要使用这个方法。

   

    除了这两个方法之外，我们最常用的另外一个方法就是windowManager.getDefaultDisplay()，通过这个方法，我们可以获取到当前界面的Display的一个对象，然后我们就可以获取到当前屏幕的一些参数，比如说宽高。

    下面是我常用的一个工具类。

package com.qust.teachmask;import android.content.Context;import android.view.WindowManager;/** * 屏幕帮助类 *  * @author zhaokaiqiang *  */public class ScreenUtils {/** * 获取屏幕宽度 *  * @return */@SuppressWarnings("deprecation")public static int getScreenWidth(Context context) {return ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay().getWidth();}/** * 获取屏幕宽度 *  * @return */@SuppressWarnings("deprecation")public static int getScreenHeight(Context context) {return ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay().getHeight();}}

    知道上面这些之后，我们就可以实现教学模板效果了，首先看效果图。

   下面是代码实现

package com.qust.teachmask;import android.app.Activity;import android.graphics.PixelFormat;import android.os.Bundle;import android.view.Gravity;import android.view.View;import android.view.View.OnClickListener;import android.view.WindowManager;import android.view.WindowManager.LayoutParams;import android.widget.ImageView;import android.widget.ImageView.ScaleType;public class MainActivity extends Activity {private ImageView img;private WindowManager windowManager;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);windowManager = getWindowManager();// 动态初始化图层img = new ImageView(this);img.setLayoutParams(new LayoutParams(android.view.ViewGroup.LayoutParams.MATCH_PARENT,android.view.ViewGroup.LayoutParams.MATCH_PARENT));img.setScaleType(ScaleType.FIT_XY);img.setImageResource(R.drawable.guide);// 设置LayoutParams参数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(this);params.height = ScreenUtils.getScreenHeight(this);// 添加到当前的窗口上windowManager.addView(img, params);// 点击图层之后，将图层移除img.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {windowManager.removeView(img);}});}}

   github项目地址：https://github.com/ZhaoKaiQiang/TeachMask