前言
本文例子實現了點擊顯示懸浮窗口，同時窗口可播放視頻，拖動位置，點擊關閉及返回APP頁面，通過例子來講述懸浮窗口實現原理及細節處理，效果圖如下所示:
原理
WindowManager對View視圖進行添加、移除、更新處理；WindowManager.LayoutParams對窗口參數進行一系列設置。
實現
- 首先，需要添加相對應懸浮窗權限：
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
- 在
Activity頁面中，需要判斷懸浮窗權限是否獲取，如果未曾獲取，需要跳轉系統頁，進行對應的授權操作：
public boolean requestOverlayPermission() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
if (!Settings.canDrawOverlays(this)) {
Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName()));
startActivityForResult(intent, REQUEST_OVERLAY_CODE);
return true;
} else {
return false;
}
}
return false;
}
-
獲取權限后，我們可以首先初始化我們要顯示的視圖，並且設置相對應的事件，這里我們采用了
VideoView進行簡單的視頻播放，並且設置懸浮窗關閉及返回前台的操作：private View initFloatView() { View view = View.inflate(this, R.layout.view_floating_window, null); // 設置視頻封面 final ImageView mThumb = (ImageView) view.findViewById(R.id.thumb_floating_view); Glide.with(this).load(R.drawable.thumb).into(mThumb); // 懸浮窗關閉 view.findViewById(R.id.close_floating_view).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mFloatingWindow.dismiss(); } }); // 返回前台頁面 view.findViewById(R.id.back_floating_view).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mFloatingWindow.setTopApp(FloatingWindowActivity.this); } }); final VideoView videoView = view.findViewById(R.id.video_view); //視頻內容設置 videoView.setVideoPath("https://stream7.iqilu.com/10339/article/202002/18/2fca1c77730e54c7b500573c2437003f.mp4"); // 視頻准備完畢，隱藏正在加載封面，顯示視頻 videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() { @Override public void onPrepared(MediaPlayer mp) { mThumb.setVisibility(View.GONE); } }); // 循環播放 videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { videoView.start(); } }); // 開始播放視頻 videoView.start(); return view; } -
通過獲取窗口管理
WindowManager，設置懸浮窗口參數WindowManager.LayoutParams后，就可以通過WindowManager的addView方法，生成對應視圖的懸浮窗口：public void showFloatingWindowView(Context context, View view) { // 懸浮窗顯示視圖 mShowView = view; // 獲取系統窗口管理服務 mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); // 懸浮窗口參數設置及返回 mFloatParams = getParams(); // 設置窗口觸摸移動事件 mShowView.setOnTouchListener(new FloatViewMoveListener()); // 懸浮窗生成 mWindowManager.addView(mShowView, mFloatParams); } -
WindowManager.LayoutParams參數設置，主要設置懸浮窗口類型為WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY：
private WindowManager.LayoutParams getParams() {
WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
//設置懸浮窗口類型
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
layoutParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
}
//設置懸浮窗口屬性
layoutParams.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;
//設置懸浮窗口透明
layoutParams.format = PixelFormat.TRANSLUCENT;
//設置懸浮窗口長寬數據
layoutParams.width = 600;
layoutParams.height = 340;
//設置懸浮窗顯示位置
layoutParams.gravity = Gravity.START | Gravity.TOP;
layoutParams.x = 100;
layoutParams.y = 100;
return layoutParams;
}
-
窗口觸摸移動事件，主要通過獲取觸摸位置，通過
WindowManager的updateViewLayout方法設置懸浮窗口的參數，進行窗口視圖位置更新：private class FloatViewMoveListener implements View.OnTouchListener { //開始觸控的坐標，移動時的坐標（相對於屏幕左上角的坐標） private int mTouchStartX; private int mTouchStartY; //開始時的坐標和結束時的坐標（相對於自身控件的坐標） private int mStartX, mStartY; //判斷懸浮窗口是否移動，這里做個標記，防止移動后松手觸發了點擊事件 private boolean isMove; @Override public boolean onTouch(View view, MotionEvent motionEvent) { int action = motionEvent.getAction(); int x = (int) motionEvent.getX(); int y = (int) motionEvent.getY(); switch (action) { case MotionEvent.ACTION_DOWN: isMove = false; mTouchStartX = (int) motionEvent.getRawX(); mTouchStartY = (int) motionEvent.getRawY(); mStartX = x; mStartY = y; break; case MotionEvent.ACTION_MOVE: int mTouchCurrentX = (int) motionEvent.getRawX(); int mTouchCurrentY = (int) motionEvent.getRawY(); mFloatParams.x += mTouchCurrentX - mTouchStartX; mFloatParams.y += mTouchCurrentY - mTouchStartY; mWindowManager.updateViewLayout(mShowView, mFloatParams); mTouchStartX = mTouchCurrentX; mTouchStartY = mTouchCurrentY; float deltaX = x - mStartX; float deltaY = y - mStartY; if (Math.abs(deltaX) >= 5 || Math.abs(deltaY) >= 5) { isMove = true; } break; case MotionEvent.ACTION_UP: break; default: break; } //如果是移動事件不觸發OnClick事件，防止移動的時候一放手形成點擊事件 return isMove; } } -
關閉懸浮窗，調用
WindowManager的removeView方法即可：public void dismiss() { if (mWindowManager != null && mShowView != null) { mWindowManager.removeView(mShowView); } } -
懸浮窗點擊返回前台方法：
public void setTopApp(Context context) { //獲取ActivityManager ActivityManager activityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE); //獲得當前運行的task(任務) List<ActivityManager.RunningTaskInfo> taskInfoList = null; if (activityManager != null) { taskInfoList = activityManager.getRunningTasks(100); } if (taskInfoList != null) { for (ActivityManager.RunningTaskInfo taskInfo : taskInfoList) { //找到本應用的 task，並將它切換到前台 if (taskInfo.topActivity != null && taskInfo.topActivity.getPackageName().equals(context.getPackageName())) { activityManager.moveTaskToFront(taskInfo.id, 0); break; } } } }
關於懸浮窗的一些基本操作到這里就基本結束了，具體的布局內容及操作，歡迎查看具體的源碼實現：Github開發記錄
歡迎點擊查閱及Star，我也會繼續補充其它有用的知識及例子在項目上。
歡迎點贊/評論，你們的贊同和鼓勵是我寫作的最大動力！
關注公眾號：幾圈年輪，查看更多有趣的技術資源。
