扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
今天就跟大家聊聊有关使用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怎么实现切换效果有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流