Android仿微信视屏悬浮窗效果
在项目中需要对接入的腾讯云音视频,可以悬浮窗显示,悬浮窗可拖拽,并且在悬浮窗不影响其他的activity的焦点。
这个大神的文章Android基于腾讯云实时音视频仿微信视频通话最小化悬浮,他讲的是视频通话时,将远端视频以悬浮窗形式展示,根据他的代码我进行了部分简化
1.悬浮窗效果:点击缩小按钮,将当前远端视屏加载进悬浮窗,且悬浮窗可拖拽,不影响其他界面焦点;点击悬浮窗可返回原来的Activity
2.实现悬浮窗需要:
在androidManifest中申请悬浮窗权限
在androidManifest中注册FloatWindowService
3.视屏activity实现:
-将activity置于后台关键代码:moveTaskToBack(true);//将activity置于后台
-开启悬浮窗
/**
*定义服务绑定的回调开启视频通话服务连接
*/
privateServiceConnectionmVideoCallServiceConnection=newServiceConnection(){
@Override
publicvoidonServiceConnected(ComponentNamename,IBinderservice){
//获取服务的操作对象
FloatWindowService.MyBinderbinder=(FloatWindowService.MyBinder)service;
binder.getService();
}
@Override
publicvoidonServiceDisconnected(ComponentNamename){
}
};
/*
*开启悬浮Video服务
*/
privatevoidstartVideoService(){
//最小化Activity
moveTaskToBack(true);//将activity置于后台
//开启服务显示悬浮框
IntentserviceVideoIntent=newIntent(this,FloatWindowService.class);
mServiceBound=bindService(serviceVideoIntent,mVideoCallServiceConnection,Context.BIND_AUTO_CREATE);//绑定Service
}
-悬浮窗结束时
//在onDestroy()与onReStart()中解绑并销毁相关内容
if(mServiceBound){
unbindService(mVideoCallServiceConnection);//解绑
mServiceBound=false;
}
4.悬浮窗实现相关代码:
/**
*视频悬浮窗服务
*/
publicclassFloatWindowServiceextendsServiceimplementsView.OnTouchListener{
privateWindowManagermWindowManager;
privateWindowManager.LayoutParamswmParams;
privateLayoutInflaterinflater;
//浮动布局view
privateViewmFloatingLayout;
//容器父布局
privateViewmMainVIew;
//开始触控的坐标,移动时的坐标(相对于屏幕左上角的坐标)
privateintmTouchStartX,mTouchStartY,mTouchCurrentX,mTouchCurrentY;
//开始时的坐标和结束时的坐标(相对于自身控件的坐标)
privateintmStartX,mStartY,mStopX,mStopY;
//判断悬浮窗口是否移动,这里做个标记,防止移动后松手触发了点击事件
privatebooleanisMove;
@Override
publicvoidonCreate(){
super.onCreate();
initWindow();//设置悬浮窗基本参数(位置、宽高等)
}
@Nullable
@Override
publicIBinderonBind(Intentintent){
currentBigUserId=intent.getStringExtra("localUserId");
remoteUserId=intent.getStringExtra("remoteUserId");
initFloating();//悬浮框点击事件的处理
returnnewMyBinder();
}
publicclassMyBinderextendsBinder{
publicFloatWindowServicegetService(){
returnFloatWindowService.this;
}
}
@Override
publicintonStartCommand(Intentintent,intflags,intstartId){
returnsuper.onStartCommand(intent,flags,startId);
}
@Override
publicvoidonDestroy(){
super.onDestroy();
if(mFloatingLayout!=null){
//移除悬浮窗口
mWindowManager.removeView(mFloatingLayout);
mFloatingLayout=null;
}
}
/**
*设置悬浮框基本参数(位置、宽高等)
*/
privatevoidinitWindow(){
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);
}
privateWindowManager.LayoutParamsgetParams(){
wmParams=newWindowManager.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;
returnwmParams;
}
//加载远端视屏:在这对悬浮窗内内容做操作
privatevoidinitFloating(){
//将子View加载进悬浮窗View
mMainView=mFloatingLayout.findViewById(R.id.trtc_video_view_layout_float);//悬浮窗父布局
ViewmChildView=renderView.getChildView();//加载进悬浮窗的子View,这个VIew来自天转过来的那个Activity里面的那个需要加载的View
mMainView.addView(mChildView);//将需要悬浮显示的Viewadd到mTXCloudVideoView中
//悬浮框触摸事件,设置悬浮框可拖动
mTXCloudVideoView.setOnTouchListener(this::onTouch);
//悬浮框点击事件
mTXCloudVideoView.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
//在这里实现点击重新回到Activity
Intentintent=
newIntent(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
publicbooleanonTouch(Viewv,MotionEventevent){
intaction=event.getAction();
switch(action){
caseMotionEvent.ACTION_DOWN:
isMove=false;
mTouchStartX=(int)event.getRawX();
mTouchStartY=(int)event.getRawY();
mStartX=(int)event.getX();
mStartY=(int)event.getY();
break;
caseMotionEvent.ACTION_MOVE:
mTouchCurrentX=(int)event.getRawX();
mTouchCurrentY=(int)event.getRawY();
wmParams.x+=mTouchStartX-mTouchCurrentX;
wmParams.y+=mTouchCurrentY-mTouchStartY;
ALog.dTag("FloatingListener()onTouch",mTouchCurrentX,mTouchStartX,mTouchCurrentY,mTouchStartY);
mWindowManager.updateViewLayout(mFloatingLayout,wmParams);
mTouchStartX=mTouchCurrentX;
mTouchStartY=mTouchCurrentY;
break;
caseMotionEvent.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事件,防止移动的时候一放手形成点击事件
returnisMove;
}
}
ps:使用Service做悬浮窗的载体是为了,将悬浮框的开启关闭与服务Service的绑定解绑所关联起来,开启服务即相当于开启我们的悬浮框,解绑服务则相当于关闭悬浮框,以此来达到更好的控制效果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。