最近有看到直播類App在退出房間的時(shí)候會(huì)生成小的懸浮窗，繼續(xù)播放，甚至當(dāng)App界面全部關(guān)閉之后，還可以懸浮到手機(jī)桌面播放。雖然我此功能感覺很流氓，但還是研究了下怎么實(shí)現(xiàn)這種效果。查閱相關(guān)資料后，發(fā)現(xiàn)這種效果是通過Android的WindowManager實(shí)現(xiàn)的。接下來我說明下我的研究過程，和大家共享。
1.首先我們需要知道，Android的界面繪制，都是通過WindowManager來實(shí)現(xiàn)的。WindowManager實(shí)現(xiàn)了ViewManager接口，可以通過獲取WINDOW_SERVICE系統(tǒng)服務(wù)得到。而ViewManager接口有addView方法，我們就是通過這個(gè)方法將懸浮窗控件加入到屏幕中去。
2.要使用windowManager，很顯然需要添加一些權(quán)限。
在API Level >= 23的時(shí)候，需要在AndroidManefest.xml文件中聲明權(quán)限SYSTEM_ALERT_WINDOW才能在其他應(yīng)用上繪制控件。
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
3.為了讓懸浮窗和Activity隔離，使其在應(yīng)用處于后臺(tái)時(shí)懸浮窗仍然可以正常運(yùn)行,我們使用Service來實(shí)現(xiàn)。
首先我們在Activity中判斷一下應(yīng)用是否允許開啟懸浮窗
private void floatWindow() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
if (!Settings.canDrawOverlays(this)) {
Toast.makeText(this, "當(dāng)前無權(quán)限 canDrawOverlays", Toast.LENGTH_SHORT).show();
startActivityForResult(new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName())), REQUEST_CODE);
} else {
startService(new Intent(GuideActivity.this, FloatingService.class));
}
}
}
@TargetApi(Build.VERSION_CODES.M)
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == REQUEST_CODE) {
if (!Settings.canDrawOverlays(this)) {
Toast.makeText(this, "授權(quán)失敗", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(this, "授權(quán)成功", Toast.LENGTH_SHORT).show();
startService(new Intent(GuideActivity.this, FloatingService.class));
}
}
}
然后我們看一下Service
@RequiresApi(api = Build.VERSION_CODES.M)
@Override
public int onStartCommand(Intent intent, int flags, int startId) {
showFloatingView();
return super.onStartCommand(intent, flags, startId);
}
/**
* 懸浮窗控件可以是任意的View的子類類型
*/
@RequiresApi(api = Build.VERSION_CODES.M)
private void showFloatingView() {
if (Settings.canDrawOverlays(getApplicationContext())) {
//WindowManager 對象
manager = (WindowManager) getSystemService(WINDOW_SERVICE);
//新建懸浮控件
//視頻播放
displayView = View.inflate(getApplicationContext(), R.layout.view_display, null);
MediaPlayer mediaPlayer = new MediaPlayer();
mediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);
SurfaceView surfaceView = displayView.findViewById(R.id.video_display_surfaceview);
final SurfaceHolder surfaceHolder = surfaceView.getHolder();
surfaceHolder.addCallback(new SurfaceHolder.Callback() {
@Override
public void surfaceCreated(SurfaceHolder holder) {
mediaPlayer.setDisplay(surfaceHolder);
}
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
}
});
mediaPlayer.setOnPreparedListener(mp -> mediaPlayer.start());
try {
mediaPlayer.setDataSource(this, Uri.parse("https://raw.githubusercontent.com/dongzhong/ImageAndVideoStore/master/Bruno%20Mars%20-%20Treasure.mp4"));
mediaPlayer.prepareAsync();
} catch (IOException e) {
Toast.makeText(this, "無法打開視頻源", Toast.LENGTH_LONG).show();
}
//設(shè)置layoutParams
params = new WindowManager.LayoutParams();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
params.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
} else {
params.type = WindowManager.LayoutParams.TYPE_PHONE;
}
params.format = PixelFormat.RGBA_8888;
// params.width = WindowManager.LayoutParams.WRAP_CONTENT;
// params.height = WindowManager.LayoutParams.WRAP_CONTENT;
params.width = 600;
params.height = 400;
//設(shè)置不阻擋其他view的觸摸事件
params.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
// params.x = 500;
// params.y = 300;
// params.gravity = Gravity.CENTER_HORIZONTAL;
//添加view到windowManager
manager.addView(displayView, params);
//觸摸事件
displayView.setOnTouchListener(new OnFloatingButtonTouchListener());
}
}
設(shè)置完之后，就可以看到最基本的效果了。當(dāng)然這只是最基本的功能，和我們想要的效果還有差距。
接下來我們研究下如何讓window跟隨手勢移動(dòng)。我們需要重寫OnTouch事件，在ACTION_MOVE中操作。
private class OnFloatingButtonTouchListener implements View.OnTouchListener {
private int x;
private int y;
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
x = (int) event.getRawX();
y = (int) event.getRawY();
break;
case MotionEvent.ACTION_UP:
break;
case MotionEvent.ACTION_MOVE:
int nowX = (int) event.getRawX();
int nowY = (int) event.getRawY();
int movedX = nowX - x;
int movedY = nowY - y;
x = nowX;
y = nowY;
params.x = params.x + movedX;
params.y = params.y + movedY;
manager.updateViewLayout(displayView, params);
break;
}
return false;
}
}
然后我們給View設(shè)置onTouch事件就可以拖動(dòng)了。
至此添加一個(gè)view到桌面就基本完成了，我們總結(jié)下步驟
1. 聲明及申請權(quán)限
2. 構(gòu)建懸浮窗需要的控件
3. 將控件添加到WindowManager
4. 必要時(shí)更新WindowManager的布局
既然我們添加完成，那么有的同學(xué)會(huì)問到，這個(gè)東西怎么關(guān)閉啊 。
接下來我們實(shí)現(xiàn)下怎么關(guān)閉懸浮窗。
想到創(chuàng)建windowManager是在Service中完成的，但是我們又不能直接操作Service，那么我們換一種方式來實(shí)現(xiàn)，使用BindService來開啟服務(wù)。BindService可以獲取到Service對象，因此可以實(shí)現(xiàn)對Service的操作。
首先在Activity中創(chuàng)建ServiceConnection對象，重寫方法。
然后回到Service中
private MyBinder binder = new MyBinder();
public class MyBinder extends Binder {
public FloatingService getService() {
return FloatingService.this;
}
}
然后回到ServiceConnection的onServiceConnected方法，獲取到Service對象。
FloatingService.MyBinder binder = (FloatingService.MyBinder) service;
floatingService = binder.getService();
至此我們可以獲取到service對象，然后在Service中創(chuàng)建移除window方法
public void closeWindow() {
manager.removeView(displayView);
}
然后就可以開心的關(guān)閉此窗口了。
