如何通过原生EGL实现透明SurfaceView？叠加相机层Drawer层透明失效求助

我之前也碰到过类似的SurfaceView层级叠加+透明渲染的坑，结合你已经做的操作，给你几个关键的调整点，应该能搞定透明效果：

1. 修正SurfaceView的Z轴层级设置 #

你要的层级是 UI层 → Drawer层 → 相机层，这里的Z轴顺序很关键：

• 如果你用setZOrderOnTop(true)，会把Drawer的SurfaceView直接放到所有UI之上，这和你的需求不符；
• 正确的应该是用setZOrderMediaOverlay(true)，这个API的作用是把SurfaceView放在媒体层（相机Surface）之上，普通View层之下，刚好匹配你要的层级结构。

同时格式设置getHolder().setFormat(PixelFormat.RGBA_8888)是对的，但要确保在SurfaceHolder初始化前就设置，比如在自定义SurfaceView的构造函数或者Activity的onCreate里。

2. 补全EGL配置的关键属性 #

你提到指定了EGL_ALPHA_SIZE，但可能配置不全，完整的EGL配置需要覆盖颜色通道和表面类型，示例代码如下：

const EGLint attribs[] = {
    EGL_RED_SIZE, 8,
    EGL_GREEN_SIZE, 8,
    EGL_BLUE_SIZE, 8,
    EGL_ALPHA_SIZE, 8, // 必须明确指定alpha通道大小为8位
    EGL_RENDERABLE_TYPE, EGL_OPENGL_ES2_BIT,
    EGL_SURFACE_TYPE, EGL_WINDOW_BIT,
    EGL_NONE
};

选择配置后，建议用eglGetConfigAttrib检查选中的配置是否真的包含alpha通道，避免设备不支持的情况：

int alphaSize;
eglGetConfigAttrib(eglDisplay, config, EGL_ALPHA_SIZE, &alphaSize);
// 确保alphaSize >= 8

3. 开启GLES混合模式（最容易忽略的点） #

就算EGL配置有alpha，GLES默认是不开启混合的，所以透明效果不会生效。在你的GLES渲染初始化代码里（比如onSurfaceCreated）一定要添加：

GLES20.glEnable(GLES20.GL_BLEND);
// 设置混合因子，实现正常的透明叠加
GLES20.glBlendFunc(GLES20.GL_SRC_ALPHA, GLES20.GL_ONE_MINUS_SRC_ALPHA);

同时要确保你的片段Shader正确输出alpha值，比如：

precision mediump float;
void main() {
    // 这里的第四个参数就是alpha值，0.5表示半透明
    gl_FragColor = vec4(1.0, 0.0, 0.0, 0.5);
}

4. 相机层的基础设置 #

相机的SurfaceView不需要任何特殊的Z轴设置，保持默认即可，格式可以用PixelFormat.RGB_565（节省性能），因为它在最底层，不需要透明。

5. 快速验证方法 #

可以先把Drawer层渲染成半透明的纯色（比如半红半透明），如果能透过它看到相机画面，说明透明已经生效，再逐步替换成你的实际渲染内容。

按照这些步骤调整后，应该就能实现你要的Drawer层透明效果了，核心是Z轴层级匹配需求、EGL配置包含alpha通道、GLES开启混合这三个关键点。

内容的提问来源于stack exchange，提问作者WinCloud