音視頻開發(fā) 二:自定義GLSurfaceView

??創(chuàng)建好了EGL環(huán)境后,我們就可以自定義我們的GLSurfaceView,可以用來替代系統(tǒng)的GLSurfaceView晚唇。

??可以分成以下幾點

  • 繼承SurfaceView车份,并實現(xiàn)其CallBack回調(diào)
  • 自定義GLThread線程類,主要用于OpenGL的繪制操作
  • 添加設(shè)置Surface和EglContext的方法
  • 提供和系統(tǒng)GLSurfaceView相同的調(diào)用方法

??先看如何實現(xiàn)自己的SurfaceView

public abstract class BaseSurfaceView extends SurfaceView implements SurfaceHolder.Callback {

    private Surface surface;
    private EGLContext eglContext;

    private EGLThread eglThread;
    private EGLRender eglRender;

    /**
     * 視圖更新模式
     * RENDERMODE_WHEN_DIRTY    懶更新
     * RENDERMODE_CONTINUOUSLY  主動更新
     **/
    public final static int RENDERMODE_WHEN_DIRTY = 0;
    public final static int RENDERMODE_CONTINUOUSLY = 1;

    private int mRenderMode = RENDERMODE_CONTINUOUSLY;


    public BaseSurfaceView(Context context) {
        this(context, null);
    }

    public BaseSurfaceView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public BaseSurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        getHolder().addCallback(this);
    }

    public void setRender(EGLRender eglRender) {
        this.eglRender = eglRender;
    }

    public void setRenderMode(int mRenderMode) {

        if (eglRender == null) {
            throw new RuntimeException("must set render before");
        }
        this.mRenderMode = mRenderMode;
    }

    public void setSurfaceAndEglContext(Surface surface, EGLContext eglContext) {
        this.surface = surface;
        this.eglContext = eglContext;
    }

    public EGLContext getEglContext() {
        if (eglThread != null) {
            return eglThread.getEglContext();
        }
        return null;
    }

    public void requestRender() {
        if (eglThread != null) {
            eglThread.requestRender();
        }
    }


    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        if (surface == null) {
            surface = holder.getSurface();
        }
        eglThread = new EGLThread(new WeakReference<BaseSurfaceView>(this));
        eglThread.isCreate = true;
        eglThread.start();
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

        eglThread.width = width;
        eglThread.height = height;
        eglThread.isChange = true;

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        eglThread.onDestroy();
        eglThread = null;
        surface = null;
        eglContext = null;
    }

    public interface EGLRender {

        /**
         * 視圖創(chuàng)建時
         **/
        void onSurfaceCreated();

        /**
         * 視圖發(fā)生變化時
         *
         * @param width  當(dāng)前視圖寬度
         * @param height 當(dāng)前視圖高度
         **/
        void onSurfaceChanged(int width, int height);

        /**
         * 數(shù)據(jù)更新時
         **/
        void onDrawFrame();
    }

    /**
     * 維護egl生命周期的線程
     **/
    public static class EGLThread extends Thread {

        private WeakReference<BaseSurfaceView> eglSurfaceViewWeakReference;
        private EglHelper eglHelper = null;
        private Object object = null;

        private boolean isExit = false;
        private boolean isCreate = false;
        private boolean isChange = false;
        private boolean isStart = false;

        private int width;
        private int height;

        public EGLThread(WeakReference<BaseSurfaceView> eglSurfaceViewWeakReference) {
            this.eglSurfaceViewWeakReference = eglSurfaceViewWeakReference;
        }

        @Override
        public void run() {
            super.run();
            isExit = false;
            isStart = false;
            object = new Object();
            eglHelper = new EglHelper();
            eglHelper.initEgl(eglSurfaceViewWeakReference.get().surface, eglSurfaceViewWeakReference.get().eglContext);

            while (true) {
                if (isExit) {
                    //釋放資源
                    release();
                    break;
                }

                if (isStart) {
                    if (eglSurfaceViewWeakReference.get().mRenderMode == RENDERMODE_WHEN_DIRTY) {
                        synchronized (object) {
                            try {
                                object.wait();
                            } catch (InterruptedException e) {
                                e.printStackTrace();
                            }
                        }
                    } else if (eglSurfaceViewWeakReference.get().mRenderMode == RENDERMODE_CONTINUOUSLY) {
                        try {
                            Thread.sleep(1000 / 60);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                    } else {
                        throw new RuntimeException("mRenderMode is wrong value");
                    }
                }

                onCreate();
                onChange(width, height);
                onDraw();

                isStart = true;

            }

        }

        private void onCreate() {
            if (isCreate && eglSurfaceViewWeakReference.get().eglRender != null) {
                isCreate = false;
                eglSurfaceViewWeakReference.get().eglRender.onSurfaceCreated();
            }
        }

        private void onChange(int width, int height) {
            if (isChange && eglSurfaceViewWeakReference.get().eglRender != null) {
                isChange = false;
                eglSurfaceViewWeakReference.get().eglRender.onSurfaceChanged(width, height);
            }
        }

        private void onDraw() {
            if (eglSurfaceViewWeakReference.get().eglRender != null && eglHelper != null) {
                eglSurfaceViewWeakReference.get().eglRender.onDrawFrame();
                if (!isStart) {
                    eglSurfaceViewWeakReference.get().eglRender.onDrawFrame();
                }
                eglHelper.swapBuffers();

            }
        }

        /**
         * 通知更新視圖
         **/
        private void requestRender() {
            if (object != null) {
                synchronized (object) {
                    object.notifyAll();
                }
            }
        }

        public void onDestroy() {
            isExit = true;
            //通知更新視圖
            requestRender();
        }

        /**
         * 釋放egl環(huán)境
         **/
        public void release() {
            if (eglHelper != null) {
                eglHelper.destoryEgl();
                eglHelper = null;
                object = null;
                eglSurfaceViewWeakReference = null;
            }
        }

        public EGLContext getEglContext() {
            if (eglHelper != null) {
                return eglHelper.getmEglContext();
            }
            return null;
        }

    }


}

??我們把上一節(jié)的創(chuàng)建egl環(huán)境的內(nèi)容用上了,直接定義了一個線程用于管理egl的生命周期,并且定義了EGLRender類振坚,暴露三個方法象缀,這一點直接是模仿了SurfaceHolder.Callback的三個回調(diào)蔬将。
??然后我們看下如果繼承了BaseSurfaceView的EGLRender應(yīng)該怎么寫,如下:

public class MyRender implements BaseSurfaceView.EGLRender {

    public MyRender() {
    }

    @Override
    public void onSurfaceCreated() {
    }

    @Override
    public void onSurfaceChanged(int width, int height) {
        GLES20.glViewport(0, 0, width, height);
    }

    @Override
    public void onDrawFrame() {
        GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT);
        GLES20.glClearColor(0.0f, 1.0f, 0.0f, 1.0f);
    }
}

??和上一節(jié)的內(nèi)容很類似央星,只是把這部分的寫法放在了對應(yīng)的生命周期方法中霞怀。
然后我們繼承BaseSurfaceView看下如何寫,如下:

public class EGlSurfaceView extends BaseSurfaceView {

    public EGlSurfaceView(Context context) {
        this(context, null);
    }

    public EGlSurfaceView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public EGlSurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setRender(new MyRender());
        setRenderMode(BaseSurfaceView.RENDERMODE_WHEN_DIRTY);
    }
}

??我們設(shè)置了上面定義的MyRender為EGlSurfaceView的生命周期操作類莉给,并且設(shè)置了渲染模式毙石,最后看下如何調(diào)用,如下:

public class EglSurfaceActivity extends Activity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_egl);
    }
}

??然后是布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <EGlSurfaceView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

??使用起來很簡單颓遏,現(xiàn)在也沒有增加多余的操作徐矩,只是用于做最簡單的顯示,最終效果圖:


渲染效果圖

??嗯叁幢,顯示出了綠色滤灯,顏色合適。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末曼玩,一起剝皮案震驚了整個濱河市鳞骤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌黍判,老刑警劉巖豫尽,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異样悟,居然都是意外死亡拂募,警方通過查閱死者的電腦和手機庭猩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門窟她,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蔼水,你說我怎么就攤上這事震糖。” “怎么了趴腋?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵吊说,是天一觀的道長。 經(jīng)常有香客問我优炬,道長颁井,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任蠢护,我火速辦了婚禮雅宾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘葵硕。我一直安慰自己眉抬,他們只是感情好贯吓,可當(dāng)我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蜀变,像睡著了一般悄谐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上库北,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天爬舰,我揣著相機與錄音,去河邊找鬼寒瓦。 笑死洼专,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的孵构。 我是一名探鬼主播屁商,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼颈墅!你這毒婦竟也來了蜡镶?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤恤筛,失蹤者是張志新(化名)和其女友劉穎官还,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毒坛,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡望伦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了煎殷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片屯伞。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖豪直,靈堂內(nèi)的尸體忽然破棺而出劣摇,到底是詐尸還是另有隱情,我是刑警寧澤弓乙,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布末融,位于F島的核電站,受9級特大地震影響暇韧,放射性物質(zhì)發(fā)生泄漏勾习。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一懈玻、第九天 我趴在偏房一處隱蔽的房頂上張望巧婶。 院中可真熱鬧,春花似錦、人聲如沸粹舵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽眼滤。三九已至巴席,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間诅需,已是汗流浹背漾唉。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留堰塌,地道東北人赵刑。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像场刑,于是被迫代替她去往敵國和親般此。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2 353