Android視訊懸浮視窗實現的示例程式碼
阿新 • • 發佈：2020-04-16
前言
本文例子實現了點選顯示懸浮視窗，同時視窗可播放視訊，拖動位置，點選關閉及返回 APP 頁面，通過例子來講述懸浮視窗實現原理及細節處理，效果圖如下所示:
懸浮視窗.gif
原理
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開發記錄
到此這篇關於Android視訊懸浮視窗實現的示例程式碼的文章就介紹到這了,更多相關Android視訊懸浮視窗 內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！