Android仿微信視屏懸浮窗效果
阿新 • • 發佈：2020-01-07
在專案中需要對接入的騰訊雲音視訊，可以懸浮窗顯示，懸浮窗可拖拽，並且在懸浮窗不影響其他的activity的焦點。
這個大神的文章Android基於騰訊雲實時音視訊仿微信視訊通話最小化懸浮，他講的是視訊通話時，將遠端視訊以懸浮窗形式展示，根據他的程式碼我進行了部分簡化
1.懸浮窗效果：點選縮小按鈕，將當前遠端視屏載入進懸浮窗，且懸浮窗可拖拽，不影響其他介面焦點；點選懸浮窗可返回原來的Activity
2.實現懸浮窗需要：
在androidManifest中申請懸浮窗許可權<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
在androidManifest中註冊FloatWindowService
3.視屏activity實現：
-將activity置於後臺關鍵程式碼：moveTaskToBack(true);//將activity置於後臺
-開啟懸浮窗
/**
* 定義服務繫結的回撥 開啟視訊通話服務連線
*/
private ServiceConnection mVideoCallServiceConnection = new ServiceConnection() {
@Override
public void onServiceConnected(ComponentName name,IBinder service) {
// 獲取服務的操作物件
FloatWindowService.MyBinder binder = (FloatWindowService.MyBinder) service;
binder.getService();
}
@Override
public void onServiceDisconnected(ComponentName name) {
}
};
/*
* 開啟懸浮Video服務
*/
private void startVideoService() {
//最小化Activity
moveTaskToBack(true);//將activity置於後臺
//開啟服務顯示懸浮框
Intent serviceVideoIntent = new Intent(this,FloatWindowService.class);
mServiceBound = bindService(serviceVideoIntent,mVideoCallServiceConnection,Context.BIND_AUTO_CREATE);//繫結Service
}-懸浮窗結束時
//在onDestroy（）與onReStart（）中解綁並銷燬相關內容
if (mServiceBound) {
unbindService(mVideoCallServiceConnection);//解綁
mServiceBound = false;
}
4.懸浮窗實現相關程式碼：
/**
* 視訊懸浮窗服務
*/
public class FloatWindowService extends Service implements View.OnTouchListener {
private WindowManager mWindowManager;
private WindowManager.LayoutParams wmParams;
private LayoutInflater inflater;
//浮動佈局view
private View mFloatingLayout;
//容器父佈局
private View mMainVIew;
//開始觸控的座標，移動時的座標（相對於螢幕左上角的座標）
private int mTouchStartX,mTouchStartY,mTouchCurrentX,mTouchCurrentY;
//開始時的座標和結束時的座標（相對於自身控制元件的座標）
private int mStartX,mStartY,mStopX,mStopY;
//判斷懸浮視窗是否移動，這裡做個標記，防止移動後鬆手觸發了點選事件
private boolean isMove;
@Override
public void onCreate() {
super.onCreate();
initWindow();//設定懸浮窗基本引數（位置、寬高等）
}
@Nullable
@Override
public IBinder onBind(Intent intent) {
currentBigUserId = intent.getStringExtra("localUserId");
remoteUserId = intent.getStringExtra("remoteUserId");
initFloating();//懸浮框點選事件的處理
return new MyBinder();
}
public class MyBinder extends Binder {
public FloatWindowService getService() {
return FloatWindowService.this;
}
}
@Override
public int onStartCommand(Intent intent,int flags,int startId) {
return super.onStartCommand(intent,flags,startId);
}
@Override
public void onDestroy() {
super.onDestroy();
if (mFloatingLayout != null) {
// 移除懸浮視窗
mWindowManager.removeView(mFloatingLayout);
mFloatingLayout = null;
}
}
/**
* 設定懸浮框基本引數（位置、寬高等）
*/
private void initWindow() {
mWindowManager = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
//設定好懸浮窗的引數
wmParams = getParams();
// 懸浮窗預設顯示以左上角為起始座標
wmParams.gravity = Gravity.RIGHT | Gravity.TOP;
//懸浮窗的開始位置，因為設定的是從右上角開始，所以螢幕左上角是x=螢幕最大值;y=0
wmParams.x = 10;
wmParams.y = 120;
//得到容器，通過這個inflater來獲得懸浮窗控制元件
inflater = LayoutInflater.from(getApplicationContext());
// 獲取浮動視窗檢視所在佈局
mFloatingLayout = inflater.inflate(R.layout.dlg_floatview,null);
// 新增懸浮窗的檢視
mWindowManager.addView(mFloatingLayout,wmParams);
}
private WindowManager.LayoutParams getParams() {
wmParams = new WindowManager.LayoutParams();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
}
//設定可以顯示在狀態列上
wmParams.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;
//設定懸浮視窗長寬資料
wmParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
return wmParams;
}
//載入遠端視屏：在這對懸浮窗內內容做操作
private void initFloating() {
//將子View載入進懸浮窗View
mMainView = mFloatingLayout.findViewById(R.id.trtc_video_view_layout_float);//懸浮窗父佈局
View mChildView = renderView.getChildView();//載入進懸浮窗的子View，這個VIew來自天轉過來的那個Activity裡面的那個需要載入的View
mMainView.addView(mChildView);//將需要懸浮顯示的Viewadd到mTXCloudVideoView中
//懸浮框觸控事件，設定懸浮框可拖動
mTXCloudVideoView.setOnTouchListener(this::onTouch);
//懸浮框點選事件
mTXCloudVideoView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//在這裡實現點選重新回到Activity
Intent intent =
new Intent(FloatWindowService.this,RtcActivity.class);//從該service跳轉至該activity會將該activity從後臺喚醒，所以activity會走onReStart（）
intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);//從Service跳轉至RTCActivity，需要Intent.FLAG_ACTIVITY_NEW_TASK，不然會崩潰
startActivity(intent);
}
});
}
//觸控事件
@Override
public boolean onTouch(View v,MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
isMove = false;
mTouchStartX = (int) event.getRawX();
mTouchStartY = (int) event.getRawY();
mStartX = (int) event.getX();
mStartY = (int) event.getY();
break;
case MotionEvent.ACTION_MOVE:
mTouchCurrentX = (int) event.getRawX();
mTouchCurrentY = (int) event.getRawY();
wmParams.x += mTouchStartX - mTouchCurrentX;
wmParams.y += mTouchCurrentY - mTouchStartY;
ALog.dTag("FloatingListener() onTouch",mTouchStartX,mTouchCurrentY,mTouchStartY);
mWindowManager.updateViewLayout(mFloatingLayout,wmParams);
mTouchStartX = mTouchCurrentX;
mTouchStartY = mTouchCurrentY;
break;
case MotionEvent.ACTION_UP:
mStopX = (int) event.getX();
mStopY = (int) event.getY();
if (Math.abs(mStartX - mStopX) >= 1 || Math.abs(mStartY - mStopY) >= 1) {
isMove = true;
}
break;
default:
break;
}
//如果是移動事件不觸發OnClick事件，防止移動的時候一放手形成點選事件
return isMove;
}
}ps：使用Service做懸浮窗的載體是為了，將懸浮框的開啟關閉與服務Service的繫結解綁所關聯起來，開啟服務即相當於開啟我們的懸浮框，解綁服務則相當於關閉懸浮框，以此來達到更好的控制效果。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。