上篇Android 悬浮窗<上>已经将Window、WindowManager做了一些简单介绍,并且将悬浮窗适配做了一下处理,那么今天就让我们继续写我们的悬浮窗。
上文中我们也提到了悬浮窗是通过WindowManager来实现的,并且主要用到了以下三个方法:
void addView (View view, WindowManager.LayoutParams params)//添加一个悬浮窗
void removeView (View view)//移除悬浮窗
void updateViewLayout (View view, WindowManager.LayoutParams params)//更新悬浮窗参数
那么我们开始创建我们的悬浮窗
mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);//获得WindowManager对象
mParams = new WindowManager.LayoutParams();
mFloatLayout = new FloatLayout(context);//可拖动的View
mParams.gravity = Gravity.TOP | Gravity.LEFT;//调整悬浮窗显示的停靠位置为左侧置顶
mParams.x = 0;
mParams.y = 100;//偏移量
mParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;//总是出现在应用程序窗口之上
mParams.format = PixelFormat.RGBA_8888;//设置图片格式,效果为背景透明
mParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR |
WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;//设置window属性
mParams.width = LayoutParams.WRAP_CONTENT;
mParams.height = LayoutParams.WRAP_CONTENT;
mWindowManager.addView(mView, mParams);
上文中也提到了,需要添加悬浮窗权限
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
上边的代码中可以看到设置了mParmas.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;并且在manifest中静态注册了android:name="android.permission.SYSTEM_ALERT_WINDOW"权限。
但是由于版本问题,并不是所有的版本都可以使用这个就可以的,需要进行适配。
参考:https://blog.csdn.net/u013651405/article/details/79350857
我们先将悬浮窗在不同手机版本中的统计以表格形式展示。
API Level | 厂商 | targetSdkVersion | 静态权限 | 动态权限 | WindowManager |
---|---|---|---|---|---|
api<19 | All | - | 需要 | - | TYPE_PHONE |
19<=api<26 | All(小米,vivo除外) | - | 不需要 | 不需要 | TYPE_TOAST |
- | 小米 | - | 需要 | 需要 | TYPE_PHONE |
- | vivo | - | 不需要 | 需要 | TYPE_PHONE |
api>=26 | All | target>=23 | 需要 | 需要 | TYPE_APPLICATION_OVERLAY |
api>=26 | All | target<23 | 不需要 | 不需要 | TYPE_TOAST |
1.优先使用WindowManager.LayoutParams.TYPE_TOAST,但4.4版本之前无法接收事件也即无法交互, 7.1 版本后源app失去焦点时有个定时器自动隐藏掉这个 Toast Window
2.适配api>=26的,且 targeSdkVersion>=23 不仅需要静态配置,还需要动态配置悬浮框权限, type=WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY(8.0新增一个Window Type,TYPE_APPLICATION_OVERLAY在TYPE_PHONE,TYPE_SYSTEM_ALERT,TYPE_TOAST之上)。如果不在清单中申请静态配置,无法打开动态启动的悬浮框权限; targeSdkVersion<23,如果依据不增加任何权限,悬浮框出现3秒之后自动消失,type=WindowManager.LayoutParams.TYPE_TOAST,这个不一定,少部分机型是不会消失的,比如华为代工的nexus 6p
3.MIUI V5的以上的手机根据版本号与机型进行调整。少数是不需要配置权限的,但是一定需要动态开启悬浮框权限,建议都进行静态配置,并且调用配置悬浮框权限。
4.如果打开了静态控制权限,19<=api<26 的情况下,则动态申请一定要打开,type=WindowManager.LayoutParams.TYPE_PHONE;
5.vivo手机需要动态打开悬浮框权限。
分析了一大堆,把适配的代码贴出来
if(Build.VERSION.SDK_INT >= 26){
wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
}else if (Build.VERSION.SDK_INT >= 24) { /*android7.0不能用TYPE_TOAST*/
wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
} else {
String packname = context.getPackageName();
PackageManager pm = context.getPackageManager();
boolean permission = (PackageManager.PERMISSION_GRANTED == pm.checkPermission("android.permission.SYSTEM_ALERT_WINDOW", packname));
if (permission) {
wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
} else {
wmParams.type = WindowManager.LayoutParams.TYPE_TOAST;
}
}
到这悬浮窗就创建出来了。
剩下的就是使用service控制悬浮窗,可以用BroadcastReceiver来监听以下操作,进而控制悬浮窗。
有了悬浮窗,悬浮窗可以拖动怎么做?
通过自定义view,监听手指的拖动,重新设置view的位置。也可以实现仿ios的吸边效果。
代码如下
public class FloatLayout extends FrameLayout {
private final WindowManager mWindowManager;
private final ImageView mFloatView;
private final DraggableFlagView mDraggableFlagView;
private long startTime;
private float mTouchStartX;
private float mTouchStartY;
private boolean isclick;
private WindowManager.LayoutParams mWmParams;
private Context mContext;
private long endTime;
private OnFloatViewClick mOnFloatViewClick;
public FloatLayout(Context context) {
this(context, null);
mContext = context;
}
public FloatLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
LayoutInflater.from(context).inflate(R.layout.float_littlemonk_layout, this);
//浮动窗口按钮
mFloatView = (ImageView) findViewById(R.id.float_id);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
// 获取相对屏幕的坐标,即以屏幕左上角为原点
int x = (int) event.getRawX();
int y = (int) event.getRawY();
//下面的这些事件,跟图标的移动无关,为了区分开拖动和点击事件
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
startTime = System.currentTimeMillis();
mTouchStartX = event.getX();
mTouchStartY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
//图标移动的逻辑在这里
float mMoveStartX = event.getX();
float mMoveStartY = event.getY();
// 如果移动量大于3才移动
if (Math.abs(mTouchStartX - mMoveStartX) > 3
&& Math.abs(mTouchStartY - mMoveStartY) > 3) {
// 更新浮动窗口位置参数
mWmParams.x = (int) (x - mTouchStartX);
mWmParams.y = (int) (y - mTouchStartY);
mWindowManager.updateViewLayout(this, mWmParams);
return false;
}
break;
case MotionEvent.ACTION_UP:
endTime = System.currentTimeMillis();
float endX = event.getRawX();
DisplayMetrics dm = new DisplayMetrics();
mWindowManager.getDefaultDisplay().getMetrics(dm);
int screenWidth = dm.widthPixels;
//根据最终手指停留位置,悬浮窗吸边效果实现
if(endX>screenWidth/2){
mWmParams.x = (int) (screenWidth-getWidth());
mWmParams.y = (int) (y - mTouchStartY);
mWindowManager.updateViewLayout(this, mWmParams);
}else {
mWmParams.x = (int) 0;
mWmParams.y = (int) (y - mTouchStartY);
mWindowManager.updateViewLayout(this, mWmParams);
}
long cha = endTime - startTime;
float upX = event.getX();
float upY = event.getY();
boolean isYi = true;
//当从点击到弹起小于半秒的时候,则判断为点击,如果超过则不响应点击事件
if(Math.abs(upX-mTouchStartX)<30 && Math.abs(upY - mTouchStartY)<30){
isYi = false;
}
if ((cha) > 0.3 * 1000L) {
isclick = false;
} else {
if(!isYi){
isclick = true;
}else {
isclick = false;
}
}
break;
}
//响应点击事件
if (isclick) {
if (mOnFloatViewClick != null) {
mOnFloatViewClick.onClick();
isclick = false;
}
}
return true;
}
public void setOnFloatViewClick(OnFloatViewClick onFloatViewClick){
mOnFloatViewClick = onFloatViewClick;
}
public interface OnFloatViewClick{
void onClick();
}
/**
* 将小悬浮窗的参数传入,用于更新小悬浮窗的位置。
*
* @param params 小悬浮窗的参数
*/
public void setParams(WindowManager.LayoutParams params) {
mWmParams = params;
}
}
布局文件就一个ImageView就不再贴出了。
以上基本就有满足项目效果,实现出一个可以拖动的悬浮窗了。当然一些操作还是需要根据实际情况处理。
参考:https://github.com/yyffddu/FloatWindowProject-master
推荐一个不错的例子https://github.com/yhaolpz/FloatWindow做了权限处理,用法十分简单。