热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

两个surfaceView实现切换效果

这篇文章主要为大家详细介绍了两个surfaceView实现切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

需求:视频通话界面,两个surfaceView一个显示本端的视图,另一个显示对端的视图,由于显示比例的问题总会存在一个覆盖另一个的问题,为保证用户体验,规定小的覆盖大的视图上面,且点击小的视图可切花为大图视图居中,达到两个视图切花的功能。简单写一个demo完成功能的测试需求,为了较少文章的篇幅,视图的内容用回执矩形代替(实际开发中显示的是本地照相采集的数据和对端经过opgl处理的数据)

简单的布局

<&#63;xml version="1.0" encoding="utf-8"&#63;>



 

  android:layout_gravity="center" />

 

 

 

具体的demo实现

public class MainActivity extends Activity implements View.OnClickListener {
 public static final String TAG = "sssss";
 //远端的视图
 private SurfaceView remote_sv;
 // 本地的视图
 private SurfaceView local_sv;
 private SurfaceHolder remote_holder;
 private SurfaceHolder local_holder;
 private RelativeLayout remote_rl;
 private RelativeLayout local_rl;

 private int screenWidth;
 private int screenHeight;

 private int beforRemoteweith;
 private int beforLocalweith;
 private int beforRemoteheigth;
 private int beforLocalheigth;
 private int StateAB = 0;
 private int StateBA = 1;
 private int mSate;
 private int defaultLocalHeight=200;
 private int defaultLocalwidth=400;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 DisplayMetrics dm = getResources().getDisplayMetrics();
 screenWidth = dm.widthPixels;
 screenHeight = dm.heightPixels - 500;
 remote_sv = (SurfaceView) findViewById(R.id.remote_view);
 remote_rl = (RelativeLayout) findViewById(R.id.remote_rl);
 local_rl = (RelativeLayout) findViewById(R.id.local_rl);
 remote_sv.setOnClickListener(this);

 LayoutParams params = new LayoutParams(screenWidth, screenHeight);
 remote_sv.setLayoutParams(params);
 remote_holder = remote_sv.getHolder();
 // 对 surfaceView 进行操作
 remote_holder.addCallback(new SurfaceHolder.Callback() {
  @Override
  public void surfaceCreated(SurfaceHolder holder) {
  Canvas c = remote_holder.lockCanvas();
  // 2.开画
  Paint p = new Paint();
  p.setColor(Color.RED);
  Rect aa = new Rect(0, 0, holder.getSurfaceFrame().width(),
   holder.getSurfaceFrame().height());
  c.drawRect(aa, p);
  // 3. 解锁画布 更新提交屏幕显示内容
  remote_holder.unlockCanvasAndPost(c);
  }

  @Override
  public void surfaceChanged(SurfaceHolder holder, int format,
   int width, int height) {
  /**
  *
  Log.d(TAG,"remote_holder surfaceChanged width"+ width+"height"+height);
  Canvas c = remote_holder.lockCanvas();
  // 2.开画
  Paint p = new Paint();
  p.setColor(Color.RED);
  Rect aa = new Rect(0, 0, holder.getSurfaceFrame().width(),
   holder.getSurfaceFrame().height());
  c.drawRect(aa, p);
  // 3. 解锁画布 更新提交屏幕显示内容
  remote_holder.unlockCanvasAndPost(c);
  */}

  @Override
  public void surfaceDestroyed(SurfaceHolder holder) {

  }
 });// 自动运行surfaceCreated以及surfaceChanged

 local_sv = (SurfaceView) findViewById(R.id.local_view);
 local_sv.setOnClickListener(this);
 local_sv.setOnClickListener(this);
 // sv.setZOrderOnTop(false);
 local_sv.setZOrderOnTop(true);
 // 这两个方法差不多,设置了就会浮现到顶部,但是,后面的看不见,要像下面设置为透明
 // local_sv.setZOrderOnTop(true);
 // local_sv.setZOrderMediaOverlay(true);

 local_holder = local_sv.getHolder();

 remote_holder.setFormat(PixelFormat.TRANSPARENT);
 local_holder.setFormat(PixelFormat.TRANSPARENT);
 LayoutParams params1 = new LayoutParams(defaultLocalHeight, defaultLocalwidth);
 local_sv.setLayoutParams(params1);
 remote_holder = remote_sv.getHolder();
 local_holder.addCallback(new SurfaceHolder.Callback() {
  @Override
  public void surfaceCreated(SurfaceHolder holder) {
  Canvas c = holder.lockCanvas();
  // 2.开画
  Paint p = new Paint();
  p.setColor(Color.YELLOW);
  Rect aa = new Rect(0, 0, holder.getSurfaceFrame().width(),
   holder.getSurfaceFrame().height());
  c.drawRect(aa, p);
  // 3. 解锁画布 更新提交屏幕显示内容
  holder.unlockCanvasAndPost(c);
  }

  @Override
  public void surfaceChanged(SurfaceHolder holder, int format,
   int width, int height) {
 /**
  *
  Log.d(TAG,"local_holder surfaceChanged width"+ width+"height"+height);
  Canvas c = holder.lockCanvas();
  // 2.开画
  Paint p = new Paint();
  p.setColor(Color.YELLOW);
  Rect aa = new Rect(0, 0, holder.getSurfaceFrame().width()-50,
   holder.getSurfaceFrame().height()-50);
  c.drawRect(aa, p);
  // 3. 解锁画布 更新提交屏幕显示内容
  holder.unlockCanvasAndPost(c);

  */}

  @Override
  public void surfaceDestroyed(SurfaceHolder holder) {

  } 
 });
 zoomOpera(local_rl, local_sv, remote_sv, remote_rl, defaultLocalwidth,
  defaultLocalHeight, RelativeLayout.CENTER_IN_PARENT);
 }

 @Override
 public void onClick(View view) {
 switch (view.getId()) {
 case R.id.local_view:
  Log.d(TAG, " onClick local_view" + mSate);
  if (mSate == StateAB) {
  zoomlocalViewout(beforRemoteweith, beforRemoteheigth, local_sv,
   remote_sv);
  zoomRemoteViewint(beforLocalweith, beforLocalheigth);
  mSate = StateBA;
  }

  break;
 case R.id.remote_view:
  Log.d(TAG, " onClick emote_view" + mSate);
  if (mSate == StateBA) {

  zoomRemoteout(beforRemoteweith, beforRemoteheigth, local_sv,
   remote_sv);
  zoomlocalViewint(beforLocalweith, beforLocalheigth);

  mSate = StateAB;
  }

  break;
 default:
  break;
 }

 }
//放大远端的视图
 private void zoomRemoteout(int weith2, int heigth2, SurfaceView localView,
  SurfaceView remoteView) {

 beforLocalheigth = localView.getMeasuredHeight();
 beforLocalweith = localView.getMeasuredWidth();
 beforRemoteheigth = remoteView.getMeasuredHeight();
 beforRemoteweith = remoteView.getMeasuredWidth();
 Log.d(TAG, "zoomRemoteout beforLocalheigth" + beforLocalheigth
  + "beforLocalweith" + beforLocalweith + "beforRemoteheigth"
  + beforRemoteheigth + "beforRemoteweith" + beforLocalweith);
 zoomOpera(local_rl, local_sv, remote_sv, remote_rl, screenWidth,
  beforLocalheigth, RelativeLayout.CENTER_IN_PARENT);

 }
//具体的视图操作
 private void zoomOpera(View sourcView, SurfaceView beforeview,
  SurfaceView afterview, View detView, int beforLocalweith,
  int beforLocalHeigth, int rule) {

 LayoutParams params1 = new LayoutParams(LayoutParams.MATCH_PARENT,
  LayoutParams.MATCH_PARENT);

 Log.w(TAG, "beforLocalheigth = " + beforLocalheigth
  + "; beforLocalweith = " + beforLocalweith);
 params1.addRule(rule, RelativeLayout.TRUE);
 afterview.setLayoutParams(params1);
 afterview.setBackgroundResource(android.R.color.transparent);
 params1 = new LayoutParams(beforLocalweith, beforLocalHeigth);
 params1.addRule(rule, RelativeLayout.TRUE);
 detView.setLayoutParams(params1);

 }
//缩小远端的视图
 private void zoomRemoteViewint(int weith2, int heigth2) {
 RelativeLayout paretview = (RelativeLayout) local_rl.getParent();
 paretview.removeView(remote_rl);
 paretview.removeView(local_rl);
 zoomOpera(local_rl, local_sv, remote_sv, remote_rl, beforLocalweith,
  beforLocalheigth, RelativeLayout.ALIGN_PARENT_TOP);
 Log.d(TAG, "paretview" + paretview.getChildCount());
 paretview.addView(local_rl);
 paretview.addView(remote_rl);
 remote_sv.setZOrderOnTop(true);

 }
//放大本端的视图
 private void zoomlocalViewout(int weith2, int heigth2,
  SurfaceView localView, SurfaceView remoteView) {
 beforLocalheigth = localView.getMeasuredHeight();
 beforLocalweith = localView.getMeasuredWidth();
 beforRemoteheigth = remoteView.getMeasuredHeight();
 beforRemoteweith = remoteView.getMeasuredWidth();
 Log.d(TAG, "zoomlocalViewout beforLocalheigth" + beforLocalheigth
  + "beforLocalweith" + beforLocalweith + "beforRemoteheigth"
  + beforRemoteheigth + "beforRemoteweith" + beforRemoteweith);
 zoomOpera(remote_rl, remote_sv, local_sv, local_rl, beforRemoteweith,
  beforRemoteheigth, RelativeLayout.CENTER_IN_PARENT);

 }
//减小本端的视图
 private void zoomlocalViewint(int weith2, int heigth2) {
 RelativeLayout paretview = (RelativeLayout) local_rl.getParent();
 paretview.removeView(remote_rl);
 paretview.removeView(local_rl);
 zoomOpera(remote_rl, remote_sv, local_sv, local_rl, beforRemoteweith,
  beforRemoteheigth, RelativeLayout.ALIGN_PARENT_TOP);
 paretview.addView(remote_rl);
 paretview.addView(local_rl);
 local_sv.setZOrderOnTop(true);

 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
author-avatar
江魂2010_717
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有