本篇內(nèi)容主要講解“怎么用surfaceView實(shí)現(xiàn)切換效果”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用surfaceView實(shí)現(xiàn)切換效果”吧!

創(chuàng)新互聯(lián)建站云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、成都溫江機(jī)房、云服務(wù)器、網(wǎng)頁空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn)，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、網(wǎng)頁空間、域名注冊、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

需求：視頻通話界面，兩個(gè)surfaceView一個(gè)顯示本端的視圖，另一個(gè)顯示對端的視圖，由于顯示比例的問題總會(huì)存在一個(gè)覆蓋另一個(gè)的問題，為保證用戶體驗(yàn)，規(guī)定小的覆蓋大的視圖上面，且點(diǎn)擊小的視圖可切花為大圖視圖居中，達(dá)到兩個(gè)視圖切花的功能。簡單寫一個(gè)demo完成功能的測試需求，為了較少文章的篇幅，視圖的內(nèi)容用回執(zhí)矩形代替（實(shí)際開發(fā)中顯示的是本地照相采集的數(shù)據(jù)和對端經(jīng)過opgl處理的數(shù)據(jù)）

簡單的布局

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:id="@+id/remote_rl" android:layout_width="fill_parent" android:layout_height="wrap_content"  > <SurfaceView  android:id="@+id/remote_view"  android:layout_width="match_parent"  android:layout_height="match_parent"</RelativeLayout> android:layout_gravity="center" /> </RelativeLayout> <RelativeLayout android:id="@+id/local_rl" android:layout_width="wrap_content" android:layout_height="wrap_content" > <SurfaceView  android:id="@+id/local_view"  android:layout_width="wrap_content"  android:layout_height="wrap_content" /></RelativeLayout>

具體的demo實(shí)現(xiàn)

public class MainActivity extends Activity implements View.OnClickListener { public static final String TAG = "sssss"; //遠(yuǎn)端的視圖 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 進(jìn)行操作 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. 解鎖畫布 更新提交屏幕顯示內(nèi)容  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. 解鎖畫布 更新提交屏幕顯示內(nèi)容  remote_holder.unlockCanvasAndPost(c);  */}  @Override  public void surfaceDestroyed(SurfaceHolder holder) {  } });// 自動(dòng)運(yùn)行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); // 這兩個(gè)方法差不多，設(shè)置了就會(huì)浮現(xiàn)到頂部，但是，后面的看不見，要像下面設(shè)置為透明 // 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. 解鎖畫布 更新提交屏幕顯示內(nèi)容  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. 解鎖畫布 更新提交屏幕顯示內(nèi)容  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; } }//放大遠(yuǎn)端的視圖 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); }//縮小遠(yuǎn)端的視圖 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實(shí)現(xiàn)切換效果”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

當(dāng)前題目：怎么用surfaceView實(shí)現(xiàn)切換效果
網(wǎng)頁鏈接：http://aaarwkj.com/article12/pcchgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、域名注冊、App設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)