之前一段时间一直在做html5和ios的开发,最近空闲有些时间,回头做做Android的研究以及开发,就想到了要做一个悬浮的窗口的功能,在网上找了好多个demo,发现滑动的效果都不甚满意。因此在前人的基础上做了进一步的改进。
首先说一下要点,做悬浮窗口最重要的是使用windowmanager,以及对windowmanger.layoutparams的使用,使用windowmanager的addView()方法添加view,使用windowmanger.layoutparams摆放其在屏幕上的位置,使用windowmanager的updateViewlayout实现滑动,使用windowmanager的removeView方法将其删除。
使用onTouchEvent的方法滑动的最大的弊端在于当点击悬浮窗口时,本意是不想滑动,只是想点击一下,然而却滑动了,这样的效果明显不是我想要的,还有当我没有点击悬浮窗口,而是在屏幕的其他地方滑动的时候,悬浮窗口居然也滑动了,很明显的这不是我想要的效果。因此,我的实现方式就将这两个问题解决了。
代码如下:
package loveworld.floatview;
import android.app.Activity;
import android.content.Context;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.Toast;
public class FloatActivity extends Activity {
private WindowManager mWindowManager;
private WindowManager.LayoutParams mWindowLayoutParams;
private ImageView mImageView;
private long mStartTime;
// 当前触摸点距屏幕左上角X坐标
private float mRawX;
// 当前触摸点距屏幕坐上角Y坐标
private float mRawY;
// 手指刚触摸屏幕时,针对其父视图X轴坐标
private float mStartX;
// 手指刚触摸屏幕时,针对其父视图Y轴坐标
private float mStartY;
private GestureDetector mGestureDetector;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mGestureDetector = new GestureDetector(this,new GestureListener());
showDeskTop();
}
private void showDeskTop(){
mImageView = new ImageView(this);
mImageView.setImageResource(R.drawable.empty_my_work);
// mImageView.setOnTouchListener(new View.OnTouchListener() {
//
// @Override
// public boolean onTouch(View view, MotionEvent event) {
// // TODO Auto-generated method stub
// mRawX = event.getRawX();
// mRawY = event.getRawY();
// switch (event.getAction()) {
// case MotionEvent.ACTION_DOWN:
// mStartX = event.getX();
// mStartY = event.getY();
// break;
// case MotionEvent.ACTION_MOVE:
// Log.e("zouguibao", "mRawX = "+mRawX+" mStartX = "+mStartX);
// mWindowLayoutParams.x = (int)(mRawX - mStartX);
// mWindowLayoutParams.y = (int)(mRawY - mStartY);
// mWindowManager.updateViewLayout(view, mWindowLayoutParams);
// break;
// case MotionEvent.ACTION_UP:
// mWindowLayoutParams.x = (int)(mRawX - mStartX);
// mWindowLayoutParams.y = (int)(mRawY - mStartY);
// mWindowManager.updateViewLayout(view, mWindowLayoutParams);
// break;
// default:
// break;
// }
// return true;
// }
// });
mImageView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent event) {
// TODO Auto-generated method stub
return mGestureDetector.onTouchEvent(event);
}
});
mWindowManager = (WindowManager)getSystemService(Context.WINDOW_SERVICE);
mWindowLayoutParams = new WindowManager.LayoutParams();
mWindowLayoutParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
mWindowLayoutParams.format = PixelFormat.RGBA_8888;
mWindowLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
mWindowLayoutParams.gravity = Gravity.LEFT | Gravity.TOP;
mWindowLayoutParams.x = 100;
mWindowLayoutParams.y = 100;
mWindowLayoutParams.width = 100;
mWindowLayoutParams.height = 100;
mWindowManager.addView(mImageView, mWindowLayoutParams);
}
private void dismiss(){
mWindowManager.removeView(mImageView);
}
class GestureListener extends SimpleOnGestureListener{
@Override
public boolean onDown(MotionEvent e) {
// TODO Auto-generated method stub
return super.onDown(e);
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
// TODO Auto-generated method stub
return super.onFling(e1, e2, velocityX, velocityY);
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
// TODO Auto-generated method stub
mWindowLayoutParams.x = (int)Math.abs(e2.getRawX() - e1.getX());
mWindowLayoutParams.y = (int)Math.abs(e2.getRawY() - e1.getY());
mWindowManager.updateViewLayout(mImageView, mWindowLayoutParams);
return super.onScroll(e1, e2, distanceX, distanceY);
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
// TODO Auto-generated method stub
// Toast.makeText(FloatActivity.this, "Clicked ImageView", Toast.LENGTH_SHORT).show();
return super.onSingleTapUp(e);
}
@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
// TODO Auto-generated method stub
Toast.makeText(FloatActivity.this, "onSingleTapConfirmed", Toast.LENGTH_SHORT).show();
return super.onSingleTapConfirmed(e);
}
}
}