05 Gallery 源码-AlbumSetPaged的界面渲染

0. 原文拜读

https://blog.csdn.net/lb377463323/article/details/70275971

1. AlbumSetPage界面数据装载和界面刷新,为界面渲染作准备

1. 数据装载

package com.android.gallery3d.app;

public class AlbumSetPage extends ActivityState implements OnClickListener,...{
    
    private AlbumSetDataLoader mAlbumSetDataAdapter;
    
    @Override
    public void onResume() {
        super.onResume();
        ...
        mAlbumSetDataAdapter.resume();
        ...
    }
    
}

• 上接mAlbumSetDataAdapter.resume()

package com.android.gallery3d.app;

public class AlbumSetDataLoader {

    public void resume() {
        mSource.addContentListener(mSourceListener);
        mReloadTask = new ReloadTask();
        mReloadTask.start();
    }

• 上接 ReloadTask()

    // TODO: load active range first
    private class ReloadTask extends Thread {
        @Override
        public void run() {
            while (mActive) {
                ...
                // 数据加载完成，进入界面刷新
                executeAndWait(new UpdateContent(info));
            }
        }
        
    }

1.2 界面刷新的回调事件

• 上接 executeAndWait(new UpdateContent(info));

    private class UpdateContent implements Callable<Void> {
        private final UpdateInfo mUpdateInfo;

        @Override
        public Void call() {
            ...
            for (DataListener l : mDataListener) {
                l.onSizeChanged(mSize);
            }
            ...
            
            for (DataListener l : mDataListener) {
                l.onContentChanged(info.index);
            }
        }
    }

• 查看下接口定义

package com.android.gallery3d.app;

    public static interface DataListener {
        public void onContentChanged(int index);
        public void onSizeChanged(int size);
    }

• grep命令查看实现该接口
  目前只有 AlbumSetSlidingWindow 实现

src/com/android/gallery3d/ui/AlbumSetSlidingWindow.java:40:public class AlbumSetSlidingWindow implements AlbumSetDataLoader.DataListener {

• 查看 AlbumSetSlidingWindow 事件

package com.android.gallery3d.ui;

// 这里实现了上述的监听事件
public class AlbumSetSlidingWindow implements AlbumSetDataLoader.DataListener {

    public static interface Listener {
        public void onSizeChanged(int size);
        public void onContentChanged();
    }

    @Override
    public void onContentChanged(int index) {
        ...
        // 这里回调了自己的 onContentChanged 事件
        if (mListener != null && isActiveSlot(index)) {
            mListener.onContentChanged();
        }
    }
    
    
    @Override
    public void onSizeChanged(int size) {
        ...
        // 这里回调了自己的 onSizeChanged 事件
        if (mListener != null) mListener.onSizeChanged(mSize);
        ...

    }
}

• grep 命令查看所有注册该监听 implements AlbumSetSlidingWindow.Listener
  grep -irn “implements AlbumSetSlidingWindow.Listener” ./路径

发现只有唯一一处
src/com/android/gallery3d/ui/AlbumSetSlotRenderer.java:234:    private class MyCacheListener implements AlbumSetSlidingWindow.Listener

• 查看 AlbumSetSlotRenderer 接受的回调事件

package com.android.gallery3d.ui;

public class AlbumSetSlotRenderer extends AbstractSlotRenderer {

    private class MyCacheListener implements AlbumSetSlidingWindow.Listener {

        @Override
        public void onSizeChanged(int size) {
            mSlotView.setSlotCount(size);
        }

        @Override
        public void onContentChanged() {
            // SlotView刷新界面
            mSlotView.invalidate();
        }
    }
    
}

• 查看 SlotView.invalidate() 刷新界面函数

package com.android.gallery3d.ui;

public class SlotView extends GLView {

    // invalidate() 未重写，故方法在 GLView
}

• 查看 GLView.invalidate() 刷新界面函数

    // Request re-rendering of the view hierarchy.
    // This is used for animation or when the contents changed.
    public void invalidate() {
        GLRoot root = getGLRoot();
        if (root != null) root.requestRender();
    }

• 上述 root.requestRender() 就是请求渲染一帧数据，之后走到Renderer的onDrawFrame方法

package com.android.gallery3d.app.dualcam3d.gl;

public class Renderer implements GLSurfaceView.Renderer {

    @Override
    public void onDrawFrame(GL10 gl) {
        if (mImageBitmap == null) {
            return;
        }

        updateImage();
        updateMatrix();

        GLES20.glClearColor(0, 0, 0, 0);
        GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT | GLES20.GL_DEPTH_BUFFER_BIT);
        mMesh.render(mShader);
    }

2. 渲染

2.1 查看 AlbumSetPage.GLView 的 render 方法

package com.android.gallery3d.app;

public class AlbumSetPage extends ActivityState implements OnClickListener, ..{


    private final GLView mRootPane = new GLView() {
       @Override
        protected void render(GLCanvas canvas) {
            ...
            super.render(canvas);
            canvas.restore();
        } 
    }；
}

2.2 GLView 的 render 方法

package com.android.gallery3d.ui;

public class GLView {

    protected void render(GLCanvas canvas) {
        ...
        for (int i = 0, n = getComponentCount(); i < n; ++i) {
            renderChild(canvas, getComponent(i));
        }
        ...
    }
    
    protected void renderChild(GLCanvas canvas, GLView component) {
        ...
        //这里component就是 SlotView，用于绘制每个专辑
        component.render(canvas);
        ...
    }
}

2.3 SlotView 的 render 方法

package com.android.gallery3d.ui;

public class SlotView extends GLView {


    @Override
    protected void render(GLCanvas canvas) {
        super.render(canvas);

        ...
        // renderItem就是对每一个专辑进行绘制
        for (int i = mLayout.mVisibleEnd - 1; i >= mLayout.mVisibleStart; --i) {
            int r = renderItem(canvas, i, 0, paperActive);
            if ((r & RENDER_MORE_FRAME) != 0) more = true;
            if ((r & RENDER_MORE_PASS) != 0) requestedSlot[requestCount++] = i;
        }

        ...
    }
    
    private int renderItem(
            GLCanvas canvas, int index, int pass, boolean paperActive) {
        canvas.save(GLCanvas.SAVE_FLAG_ALPHA | GLCanvas.SAVE_FLAG_MATRIX);
        ...
        //mRenderer就是 AlbumSetSlotRenderer
        int result = mRenderer.renderSlot(
                canvas, index, pass, rect.right - rect.left, rect.bottom - rect.top);
        ...
    }

2.4 查看 AlbumSetSlotRenderer.renderSlot

package com.android.gallery3d.ui;

public class AlbumSetSlotRenderer extends AbstractSlotRenderer {


    @Override
    public int renderSlot(GLCanvas canvas, int index, int pass, int width, int height) {
        AlbumSetEntry entry = mDataWindow.get(index);
        int renderRequestFlags = 0;

        // 增加非空判断
        if(null == entry){
            Log.e(TAG, "render content error: entry is null!");
            return renderRequestFlags;
        }

        // 绘制专辑显示的缩略图
        renderRequestFlags |= renderContent(canvas, entry, width, height);
        // 绘制显示文件夹名称、数目、文件夹icon的Label
        renderRequestFlags |= renderLabel(canvas, entry, width, height);
        // 绘制长按选择专辑时的蓝色图层
        renderRequestFlags |= renderOverlay(canvas, index, entry, width, height);
        // 画分割线
        renderRequestFlags |= renderDivider(canvas, width, height);
        return renderRequestFlags;
    }

最终所有专辑都通过canvas绘制出来，canvas是通过OpenGL ES的GLES20.glDrawArrays(type, 0, count)来绘制的，具体自行查看GLES20Canvas类。