第二届 Google 暑期大学生博客分享大赛 – 2011 Android 成长篇
本文为参加Google暑期大学生博客分享大赛特别撰写。
—————————————————————-
大家对悬浮窗概念不会陌生，相信每台电脑桌面的右上角都会有这么一个东西，它总是出现在所有页面的顶端（Top Show）。但在Android平台中如何实现这样的效果呢？先来看一看效果图。
看见在Google搜索框上面的那个Icon图片了嘛。下面我就来详细介绍一下在Android平台下悬浮窗口的实现，并让它能够随手指的触摸而移动。
一、实现原理及移动思路
调用WindowManager，并设置WindowManager.LayoutParams的相关属性，通过WindowManager的addView方法创建View，这样产生出来的View根据WindowManager.LayoutParams属性不同，效果也就不同了。比如创建系统顶级窗口，实现悬浮窗口效果！然后通过覆写悬浮View中onTouchEvent方法来改变windowMananager.LayoutParams中x和y的值来实现自由移动悬浮窗口。
二、示例代码
先来看一看悬浮View的代码，这里用一个ImageView作为演示
public class MyFloatView extends ImageView {
private float mTouchStartX;
private float mTouchStartY;
private float x;
private float y;
private WindowManager wm=(WindowManager)getContext().getApplicationContext().getSystemService("window");
//此wmParams变量为获取的全局变量，用以保存悬浮窗口的属性
private WindowManager.LayoutParams wmParams = ((MyApplication)getContext().getApplicationContext()).getMywmParams();
public MyFloatView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//获取相对屏幕的坐标，即以屏幕左上角为原点
x = event.getRawX();
y = event.getRawY()-25; //25是系统状态栏的高度
Log.i("currP", "currX"+x+"====currY"+y);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: //捕获手指触摸按下动作
//获取相对View的坐标，即以此View左上角为原点
mTouchStartX = event.getX();
mTouchStartY = event.getY();
Log.i("startP", "startX"+mTouchStartX+"====startY"+mTouchStartY);
break;
case MotionEvent.ACTION_MOVE: //捕获手指触摸移动动作
updateViewPosition();
break;
case MotionEvent.ACTION_UP: //捕获手指触摸离开动作
updateViewPosition();
mTouchStartX=mTouchStartY=0;
break;
}
return true;
}
private void updateViewPosition(){
//更新浮动窗口位置参数
wmParams.x=(int)( x-mTouchStartX);
wmParams.y=(int) (y-mTouchStartY);
wm.updateViewLayout(this, wmParams); //刷新显示
}
}
上面的wmParams变量（即WindowManager.LayoutParams）的存储采用了extends Application的方式来创建全局变量，示例代码如下：
public class MyApplication extends Application {
/**
* 创建全局变量
* 全局变量一般都比较倾向于创建一个单独的数据类文件，并使用static静态变量
*
* 这里使用了在Application中添加数据的方法实现全局变量
* 注意在AndroidManifest.xml中的Application节点添加android:name=".MyApplication"属性
*
*/
private WindowManager.LayoutParams wmParams=new WindowManager.LayoutParams();
public WindowManager.LayoutParams getMywmParams(){
return wmParams;
}
}
再来看一看Activity中的代码：
public class MyFloatViewActivity extends Activity {
/** Called when the activity is first created. */
private WindowManager wm=null;
private WindowManager.LayoutParams wmParams=null;
private MyFloatView myFV=null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//创建悬浮窗口
createView();
}
private void createView(){
myFV=new MyFloatView(getApplicationContext());
myFV.setImageResource(R.drawable.icon); //这里简单的用自带的Icom来做演示
//获取WindowManager
wm=(WindowManager)getApplicationContext().getSystemService("window");
//设置LayoutParams(全局变量）相关参数
wmParams = ((MyApplication)getApplication()).getMywmParams();
/**
*以下都是WindowManager.LayoutParams的相关属性
* 具体用途可参考SDK文档
*/
wmParams.type=LayoutParams.TYPE_PHONE; //设置window type
wmParams.format=PixelFormat.RGBA_8888; //设置图片格式，效果为背景透明
//设置Window flag
wmParams.flags=LayoutParams.FLAG_NOT_TOUCH_MODAL
| LayoutParams.FLAG_NOT_FOCUSABLE;
/*
* 下面的flags属性的效果形同“锁定”。
* 悬浮窗不可触摸，不接受任何事件,同时不影响后面的事件响应。
wmParams.flags=LayoutParams.FLAG_NOT_TOUCH_MODAL
| LayoutParams.FLAG_NOT_FOCUSABLE
| LayoutParams.FLAG_NOT_TOUCHABLE;
*/
wmParams.gravity=Gravity.LEFT|Gravity.TOP; //调整悬浮窗口至左上角，便于调整坐标
//以屏幕左上角为原点，设置x、y初始值
wmParams.x=0;
wmParams.y=0;
//设置悬浮窗口长宽数据
wmParams.width=40;
wmParams.height=40;
//显示myFloatView图像
wm.addView(myFV, wmParams);
}
@Override
public void onDestroy(){
super.onDestroy();
//在程序退出(Activity销毁）时销毁悬浮窗口
wm.removeView(myFV);
}
}
最后，别忘了在AndroidManifest.xml中添加权限：
这样一个可以置顶显示、悬浮、且可自由移动的窗口就完工了。运行一下，然后按Home键返回桌面试试看（不能点击返回键，演示程序这里设置了销毁窗体）
三、一些说明
WindowManager的方法很简单，基本用到的就三个addView，removeView，updateViewLayout。
而WindowManager.LayoutParams的属性就多了，非常丰富，这个也是关键所在。
这里例举两个window type：
/**
* Window type: phone. These are non-application windows providing
* user interaction with the phone (in particular incoming calls).
* These windows are normally placed above all applications, but behind
* the status bar.
*/
public static final int TYPE_PHONE = FIRST_SYSTEM_WINDOW+2;
/**
* Window type: system window, such as low power alert. These windows
* are always on top of application windows.
*/
public static final int TYPE_SYSTEM_ALERT = FIRST_SYSTEM_WINDOW+3;
可以看出TYPE_SYSTEM_ALERT的显示层次比TYPE_PHONE还要高，有兴趣的可以试一试显示效果哦！
另外关键的window flag：
/** Window flag: this window won't ever get focus. */
public static final int FLAG_NOT_FOCUSABLE = 0x00000008;
/** Window flag: this window can never receive touch events. */
public static final int FLAG_NOT_TOUCHABLE = 0x00000010;
/** Window flag: Even when this window is focusable (its
* {@link #FLAG_NOT_FOCUSABLE is not set), allow any pointer events
* outside of the window to be sent to the windows behind it. Otherwise
* it will consume all pointer events itself, regardless of whether they
* are inside of the window. */
public static final int FLAG_NOT_TOUCH_MODAL = 0x00000020;
详细的可以看一下这里。
最后，关于Android平台下的悬浮窗口，有人说很不友好，有人很困惑哪里会用到。事实上，在一些软件里面，悬浮窗口的设计给它们带来了很大的优势，比如流量监控，比如歌词显示。
给出源码包下载
发表回复