亲宝软件园·资讯

展开

Android仿微信视屏悬浮窗效果

人气:0

在项目中需要对接入的腾讯云音视频,可以悬浮窗显示,悬浮窗可拖拽,并且在悬浮窗不影响其他的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",mTouchCurrentX,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的绑定解绑所关联起来,开启服务即相当于开启我们的悬浮框,解绑服务则相当于关闭悬浮框,以此来达到更好的控制效果。

您可能感兴趣的文章:

加载全部内容

相关教程
猜你喜欢
用户评论