使用surfaceView怎么实现切换效果

今天就跟大家聊聊有关使用surfaceView怎么实现切换效果，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联建站电话联系：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联建站网页制作领域十余年，包括成都格栅板等多个行业拥有丰富的网站营销经验，选择创新互联建站，为网站保驾护航。

简单的布局

 

  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 weith3, int heigth3, 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 weith3, int heigth3) {
 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 weith3, int heigth3,
  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 weith3, int heigth3) {
 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);

 }
}

看完上述内容，你们对使用surfaceView怎么实现切换效果有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。