用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧?
其实实现这种功能,主要有两步:
1.判断当前显示的是为桌面。
2.使用windowManager往最顶层添加一个View
.这个知识点就是为本文主要讲解的内容哦。在本文的讲解中,我们还会讲到下面的知识点:
a.如果获取到状态栏的高度
b.悬浮窗口的拖动
c.悬浮窗口的点击事件
有开始之前,我们先来看一下效果图:
接下来我们来看看FloatView的代码:
View Code
1 public class FloatView extends ImageView{
2 private float mTouchX;
3 private float mTouchY;
4 private float x;
5 private float y;
6 private float mStartX;
7 private float mStartY;
8 private OnClickListener mClickListener;
9
10 private WindowManager windowManager = (WindowManager) getContext()
11 .getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
12 // 此windowManagerParams变量为获取的全局变量,用以保存悬浮窗口的属性
13 private WindowManager.LayoutParams windowManagerParams = ((FloatApplication) getContext()
14 .getApplicationContext()).getWindowParams();
15
16 public FloatView(Context context) {
17 super(context);
18 }
19
20 @Override
21 public boolean onTouchEvent(MotionEvent event) {
22 //获取到状态栏的高度
23 Rect frame = new Rect();
24 getWindowVisibleDisplayFrame(frame);
25 int statusBarHeight = frame.top;
26 System.out.println("statusBarHeight:"+statusBarHeight);
27 // 获取相对屏幕的坐标,即以屏幕左上角为原点
28 x = event.getRawX();
29 y = event.getRawY() - statusBarHeight; // statusBarHeight是系统状态栏的高度
30 Log.i("tag", "currX" + x + "====currY" + y);
31 switch (event.getAction()) {
32 case MotionEvent.ACTION_DOWN: // 捕获手指触摸按下动作
33 // 获取相对View的坐标,即以此View左上角为原点
34 mTouchX = event.getX();
35 mTouchY = event.getY();
36 mStartX = x;
37 mStartY = y;
38 Log.i("tag", "startX" + mTouchX + "====startY"
39 + mTouchY);
40 break;
41
42 case MotionEvent.ACTION_MOVE: // 捕获手指触摸移动动作
43 updateViewPosition();
44 break;
45
46 case MotionEvent.ACTION_UP: // 捕获手指触摸离开动作
47 updateViewPosition();
48 mTouchX = mTouchY = 0;
49 if ((x - mStartX) < 5 && (y - mStartY) < 5) {
50 if(mClickListener!=null) {
51 mClickListener.onClick(this);
52 }
53 }
54 break;
55 }
56 return true;
57 }
58 @Override
59 public void setOnClickListener(OnClickListener l) {
60 this.mClickListener = l;
61 }
62 private void updateViewPosition() {
63 // 更新浮动窗口位置参数
64 windowManagerParams.x = (int) (x - mTouchX);
65 windowManagerParams.y = (int) (y - mTouchY);
66 windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
67 }
68 }
代码解释:
int statusBarHeight = frame.top;
为获取状态栏的高度,为什么在event.getRawY()的时候减去状态栏的高度呢?
因为我们的悬浮窗口不可能显示到状态栏中去,而后getRawY为获取到屏幕原点的距离。当我们屏幕处于全屏模式时,获取到的状态栏高度会变成0
(x - mStartX) < 5 && (y - mStartY) < 5
如果我们在触摸过程中,移动距离少于5 ,则视为点击,触发点击的回调。
另外我们需要自定义一个application:
View Code
1 public class FloatApplication extends Application {
2 private WindowManager.LayoutParams windowParams = new WindowManager.LayoutParams();
3
4 public WindowManager.LayoutParams getWindowParams() {
5 return windowParams;
6 }
7 }
代码解释:
自定义application的目的是为了保存windowParams的值 ,因为我们在拖动悬浮窗口的时候,如果每次都重新new一个layoutParams的话,在update
的时候会在异常发现。
windowParams的值也不一定非得在自定义application里面来保存,只要是全局的都行。
最后我们再来看看Activity中的实现。
View Code
1 public class MainActivity extends Activity implements OnClickListener{
2 private WindowManager windowManager = null;
3 private WindowManager.LayoutParams windowManagerParams = null;
4 private FloatView floatView = null;
5
6 @Override
7 public void onCreate(Bundle savedInstanceState) {
8 super.onCreate(savedInstanceState);
9 requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏
10 getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,
11 WindowManager.LayoutParams. FLAG_FULLSCREEN);//全屏
12 setContentView(R.layout.activity_main);
13 createView();
14 }
15
16 @Override
17 public boolean onCreateOptionsMenu(Menu menu) {
18 getMenuInflater().inflate(R.menu.activity_main, menu);
19 return true;
20 }
21
22 public void onDestroy() {
23 super.onDestroy();
24 // 在程序退出(Activity销毁)时销毁悬浮窗口
25 windowManager.removeView(floatView);
26 }
27
28 private void createView() {
29 floatView = new FloatView(getApplicationContext());
30 floatView.setOnClickListener(this);
31 floatView.setImageResource(R.drawable.ic_launcher); // 这里简单的用自带的icon来做演示
32 // 获取WindowManager
33 windowManager = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
34 // 设置LayoutParams(全局变量)相关参数
35 windowManagerParams = ((FloatApplication) getApplication()).getWindowParams();
36
37 windowManagerParams.type = LayoutParams.TYPE_PHONE; // 设置window type
38 windowManagerParams.format = PixelFormat.RGBA_8888; // 设置图片格式,效果为背景透明
39 // 设置Window flag
40 windowManagerParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL
41 | LayoutParams.FLAG_NOT_FOCUSABLE;
42 /*
43 * 注意,flag的值可以为:
44 * LayoutParams.FLAG_NOT_TOUCH_MODAL 不影响后面的事件
45 * LayoutParams.FLAG_NOT_FOCUSABLE 不可聚焦
46 * LayoutParams.FLAG_NOT_TOUCHABLE 不可触摸
47 */
48 // 调整悬浮窗口至左上角,便于调整坐标
49 windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP;
50 // 以屏幕左上角为原点,设置x、y初始值
51 windowManagerParams.x = 0;
52 windowManagerParams.y = 0;
53 // 设置悬浮窗口长宽数据
54 windowManagerParams.width = LayoutParams.WRAP_CONTENT;
55 windowManagerParams.height = LayoutParams.WRAP_CONTENT;
56 // 显示myFloatView图像
57 windowManager.addView(floatView, windowManagerParams);
58 }
59
60 public void onClick(View v) {
61 Toast.makeText(this, "Clicked", Toast.LENGTH_SHORT).show();
62 }
63 }
代码解释:
在activity中我们主要是添加悬浮窗,并且设置他的位置。另外需要注意flags的应用:
LayoutParams.FLAG_NOT_TOUCH_MODAL 不影响后面的事件
LayoutParams.FLAG_NOT_FOCUSABLE 不可聚焦
LayoutParams.FLAG_NOT_TOUCHABLE 不可触摸
最后我们在onDestroy()中移除到悬浮窗口。所以,我们测试的时候,记得按Home键来切换到桌面。
最后千万记得,在androidManifest.xml中来申明我们需要用到的android.permission.SYSTEM_ALERT_WINDOW权限
并且记得申明我们自定义的application哦。
AndroidManifest.xml代码如下:
View Code
1 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
2 package="com.krislq.floating"
3 android:versionCode="1"
4 android:versionName="1.0" >
5
6 <uses-sdk
7 android:minSdkVersion="8"
8 android:targetSdkVersion="15" />
9 <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
10 <application
11 android:icon="@drawable/ic_launcher"
12 android:label="@string/app_name"
13 android:theme="@style/AppTheme" android:name="FloatApplication">
14 <activity
15 android:name=".MainActivity"
16 android:label="@string/title_activity_main" >
17 <intent-filter>
18 <action android:name="android.intent.action.MAIN" />
19
20 <category android:name="android.intent.category.LAUNCHER" />
21 </intent-filter>
22 </activity>
23 </application>
24 </manifest>