return coordinateSize;
}
public void setCoordinateSize(int coordinateSize) {
this.coordinateSize = coordinateSize;
}
public int getVertexStride() {
return vertexStride;
}
public void setVertexStride(int vertexStride) {
this.vertexStride = vertexStride;
}
public int getCoordinateStride() {
return coordinateStride;
}
public void setCoordinateStride(int coordinateStride) {
this.coordinateStride = coordinateStride;
}
public int getVertexCount() {
return vertexCount;
}
public void setVertexCount(int vertexCount) {
this.vertexCount = vertexCount;
}
public int getCoordinateCount() {
return coordinateCount;
}
public void setCoordinateCount(int coordinateCount) {
this.coordinateCount = coordinateCount;
}
public int getProgram() {
return program;
}
public void setProgram(int program) {
this.program = program;
}
public int getFboTextureId() {
return fboTextureId;
}
public void setFboTextureId(int fboTextureId) {
this.fboTextureId = fboTextureId;
}
public int getFboId() {
return fboId;
}
public void setFboId(int fboId) {
this.fboId = fboId;
}
public int getVboId() {
return vboId;
}
public void setVboId(int vboId) {
this.vboId = vboId;
}
public String getVertexFilename() {
return vertexFilename;
}
public void setVertexFilename(String vertexFilename) {
this.vertexFilename = vertexFilename;
}
public String getFragFilename() {
return fragFilename;
}
public void setFragFilename(String fragFilename) {
this.fragFilename = fragFilename;
}
public int getWidth() {
return width;
}
public void setWidth(int width) {
this.width = width;
}
public int getHeight() {
return height;
}
public void setHeight(int height) {
this.height = height;
}
public boolean isBindFbo() {
return isBindFbo;
}
public void setBindFbo(boolean bindFbo) {
isBindFbo = bindFbo;
}
public int getPosLocation() {
return aPosLocation;
}
public void setPosLocation(int aPosLocation) {
this.aPosLocation = aPosLocation;
}
public int getCoordinateLocation() {
return aCoordinateLocation;
}
public void setCoordinateLocation(int aCoordinateLocation) {
this.aCoordinateLocation = aCoordinateLocation;
}
public int getSamplerLocation() {
return uSamplerLocation;
}
public void setSamplerLocation(int uSamplerLocation) {
this.uSamplerLocation = uSamplerLocation;
}
public boolean isCreate() {
return isCreate;
}
public void setCreate(boolean create) {
isCreate = create;
}
public boolean isChange() {
return isChange;
}
public void setChange(boolean change) {
isChange = change;
}
public BaseRenderBean getRenderBean() {
return renderBean;
}
public void setRenderBean(BaseRenderBean renderBean) {
this.renderBean = renderBean;
}
public void updateRenderBean(BaseRenderBean renderBean) {
setRenderBean(renderBean);
}
}
代码有点长,但是里面尽可能地考虑到了渲染和扩展的需求
顶点着色器 vertex.frag
attribute vec4 aPos;
attribute vec2 aCoordinate;
varying vec2 vCoordinate;
void main(){
vCoordinate = aCoordinate;
gl_Position = aPos;
}
片元着色器 frag.frag
precision mediump float;
uniform sampler2D uSampler;
varying vec2 vCoordinate;
void main(){
gl_FragColor = texture2D(uSampler, vCoordinate);
}
注意到,里面有用到一个工具类OpenGLESUtils和实体类BaseRenderBean具体就不贴出来了,可以到Github
上查看
四、BaseOesRender
注意到,BaseRender
里面绑定的纹理是2D纹理
,而如果想实现相机预览,则需要使用Oes纹理
,所以需要创建一个BaseOesRender
为相机做渲染
package com.yk.media.opengles.render.base;
import android.content.Context;
import android.graphics.SurfaceTexture;
import android.opengl.GLES11Ext;
import android.opengl.GLES20;
import com.yk.media.utils.OpenGLESUtils;
public class BaseOesRender extends BaseRender {
/**
- oes纹理id
*/
private int oesTextureId;
/**
- 顶点变换矩阵位置
*/
private int uMatrixLocation;
/**
- 纹理变换矩阵位置
*/
private int uOesMatrixLocation;
/**
- oes尺寸
*/
private int oesW = -1;
private int oesH = -1;
/**
- 顶点变换矩阵
*/
private float[] mMVPMatrix = new float[16];
/**
- 纹理变换矩阵
*/
private float[] mOesMatrix = {
1, 0, 0, 0,
0, 1, 0, 0,
0, 0, 1, 0,
0, 0, 0, 1
};
/**
- 是否准备好绘制
*/
private boolean isReadyToDraw = false;
/**
- SurfaceTexture
*/
private SurfaceTexture surfaceTexture;
/**
- SurfaceTexture回调
*/
private OnSurfaceTextureListener onSurfaceTextureListener;
public BaseOesRender(Context context) {
super(context, “render/base/oes/vertex.frag”, “render/base/oes/frag.frag”);
setBindFbo(true);
oesTextureId = OpenGLESUtils.getOesTexture();
}
@Override
public void onInitCoordinateBuffer() {
setCoordinateBuffer(OpenGLESUtils.getSquareCoordinateBuffer());
}
@Override
public boolean onReadyToDraw() {
if (!isReadyToDraw) {
if (onSurfaceTextureListener != null) {
if (surfaceTexture != null) {
surfaceTexture.release();
surfaceTexture = null;
}
surfaceTexture = new SurfaceTexture(oesTextureId);
onSurfaceTextureListener.onSurfaceTexture(surfaceTexture);
isReadyToDraw = true;
} else if (surfaceTexture != null) {
surfaceTexture.attachToGLContext(oesTextureId);
isReadyToDraw = true;
} else {
return false;
}
}
return oesW != -1 && oesH != -1;
}
@Override
public void onDrawPre() {
super.onDrawPre();
mMVPMatrix = OpenGLESUtils.getMatrix(getWidth(), getHeight(), oesW, oesH);
surfaceTexture.updateTexImage();
float[] oesMatrix = new float[16];
surfaceTexture.getTransformMatrix(oesMatrix);
if (!OpenGLESUtils.isIdentityM(oesMatrix)) {
mOesMatrix = oesMatrix;
}
}
@Override
public void onInitLocation() {
super.onInitLocation();
uMatrixLocation = GLES20.glGetUniformLocation(getProgram(), “uMatrix”);
uOesMatrixLocation = GLES20.glGetUniformLocation(getProgram(), “uOesMatrix”);
}
@Override
public void onActiveTexture(int textureId) {
GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
GLES20.glBindTexture(GLES11Ext.GL_TEXTURE_EXTERNAL_OES, textureId);
GLES20.glUniform1i(getSamplerLocation(), 0);
}
@Override
public void onSetOtherData() {
super.onSetOtherData();
GLES20.glUniformMatrix4fv(uMatrixLocation, 1, false, mMVPMatrix, 0);
GLES20.glUniformMatrix4fv(uOesMatrixLocation, 1, false, mOesMatrix, 0);
}
@Override
public void onRelease() {
super.onRelease();
onDeleteTexture(oesTextureId);
}
/**
- 绘制
*/
public void onDrawSelf() {
super.onDraw(oesTextureId);
}
/**
- 设置oes尺寸
*/
public void setOesSize(int width, int height) {
oesW = width;
oesH = height;
}
/**
- 设置SurfaceTexture
*/
public void setSurfaceTexture(SurfaceTexture surfaceTexture) {
this.surfaceTexture = surfaceTexture;
isReadyToDraw = false;
}
/**
- 设置SurfaceTexture回调
*/
public void setOnSurfaceTextureListener(OnSurfaceTextureListener onSurfaceTextureListener) {
this.onSurfaceTextureListener = onSurfaceTextureListener;
isReadyToDraw = false;
}
}
顶点着色器 vertex.frag
attribute vec4 aPos;
attribute vec4 aCoordinate;
uniform mat4 uMatrix;
uniform mat4 uOesMatrix;
varying vec2 vCoordinate;
void main(){
vCoordinate = (uOesMatrix * aCoordinate).xy;
gl_Position = uMatrix * aPos;
}
片元着色器 frag.frag
#extension GL_OES_EGL_image_external:require
precision mediump float;
uniform samplerExternalOES uSampler;
varying vec2 vCoordinate;
void main(){
gl_FragColor = texture2D(uSampler, vCoordinate);
}
BaseOesRender
是继承BaseRender
的
加入了一些变量
oesW
和oesH
用于计算矩阵
mMVPMatrix
通过width、height、oesW、oesH
计算的矩阵
mOesMatrix
通过SurfaceTexture
获取的矩阵
isReadyToDraw
是否准备好渲染
重写了一些方法
onInitCoordinateBuffer
BaseOesRender
需要绑定FBO
,所有纹理坐标需要设置好,不然会出现倒立
onReadyToDraw
此处做一些SurfaceTexture
绑定纹理和回调
onDrawPre
此处做矩阵相关的计算
onInitLocation
获取矩阵的Location
onActiveTexture
前面有说到,预览相机使用的是SurfaceTexture
,所有需要修改绑定为Oes纹理
onSetOtherData
此处传入矩阵的数据
onRelease
此处做一些释放资源的工作
OnSurfaceTextureListener
public interface OnSurfaceTextureListener {
/**
- SurfaceTexture回调
*/
void onSurfaceTexture(SurfaceTexture surfaceTexture);
}
onDrawSelf
public void onDrawSelf() {
super.onDraw(oesTextureId);
}
因为oesTextureId
是内部创建的,故渲染的话,直接调用super.onDraw(oesTextureId)
,方便外部调用
五、OesRender
前面有说过,EGLTextureView
的setRenderer
只能调用一次,故才会创建BaseRender
,现在来创建Renderer
调度者
public class OesRender implements Renderer {
private Context context;
/**
- 输入(FBO保存数据)
*/
private BaseOesRender inputRender;
/**
- 输出(屏幕显示)
*/
private BaseRender outputRender;
private int width;
private int height;
public OesRender(Context context) {
this.context = context;
inputRender = new BaseOesRender(context);
outputRender = new BaseRender(context);
}
@Override
public void onCreate() {
inputRender.onCreate();
outputRender.onCreate();
}
@Override
public void onChange(int width, int height) {
this.width = width;
this.height = height;
inputRender.onChange(width, height);
outputRender.onChange(width, height);
}
@Override
public void onDraw() {
inputRender.onDrawSelf();
outputRender.onDraw(inputRender.getFboTextureId());
}
public void setOesSize(int width, int height) {
inputRender.setOesSize(width, height);
}
public void setOnSurfaceTextureListener(OnSurfaceTextureListener onSurfaceTextureListener) {
inputRender.setOnSurfaceTextureListener(onSurfaceTextureListener);
}
public void setSurfaceTexture(SurfaceTexture surfaceTexture) {
inputRender.setSurfaceTexture(surfaceTexture);
}
public int getFboTextureId() {
return inputRender.getFboTextureId();
}
}
注意到,OesRender
里面,有两个Render
BaseOesRender
渲染Oes纹理
,并绑定了Fbo
BaseRender
做为输出显示
六、CameraView
完成了上面的工作,接下来就可以进入正题,如何在Android
中,使用OpenGLES + Camera1
实现相机预览?
既然我们已经完成了“容器”和Renderer
的创建,那么下面的工作就比较轻松
还记得上一章的Android Camera1相机预览,不记得的同学可以点击链接进入查看,因为接下来需要用到上一章介绍的CameraManager
public class CameraView extends EGLTextureView implements OnCameraListener {
private final CameraManager cameraManager = new CameraManager();
private Activity activity;
public OesRender render;
public CameraView(Context context) {
this(context, null);
}
public CameraView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
setEGLContextClientVersion(2);
render = new OesRender(context);
setRenderer(render);
setRenderMode(EGLTextureView.RENDERMODE_WHEN_DIRTY);
activity = (Activity) context;
cameraManager.addOnCameraListener(this);
}
public void openCamera() {
render.setOnSurfaceTextureListener(new OnSurfaceTextureListener() {
@Override
public void onSurfaceTexture(SurfaceTexture surfaceTexture) {
surfaceTexture.setOnFrameAvailableListener(new SurfaceTexture.OnFrameAvailableListener() {
@Override
public void onFrameAvailable(SurfaceTexture surfaceTexture) {
requestRender();
}
});
cameraManager.openCamera(activity, surfaceTexture);
}
});
requestRender();
}
public void closeCamera() {
cameraManager.closeCamera();
}
public void switchCamera() {
cameraManager.switchCamera();
openCamera();
}
public void switchCamera(int facing) {
cameraManager.switchCamera(facing);
openCamera();
}
public void addOnCameraListener(OnCameraListener onCameraListener) {
cameraManager.addOnCameraListener(onCameraListener);
}
@Override
public void onCameraOpened(Size cameraSize, int facing) {
render.setOesSize(cameraSize.getHeight(), cameraSize.getWidth());
requestRender();
}
@Override
public void onCameraClosed() {
}
@Override
public void onCameraError(Exception e) {
}
public CameraManager getCameraManager() {
return cameraManager;
}
public int getFboTextureId() {
return render.getFboTextureId();
}
}
新建CameraView
,继承EGLTextureView
初始化
private void init(Context context) {
setEGLContextClientVersion(2);
render = new OesRender(context,process);
setRenderer(render);
setRenderMode(EGLTextureView.RENDERMODE_WHEN_DIRTY);
activity = (Activity) context;
cameraManager.addOnCameraListener(this);
}
此处做了一些初始化工作
setEGLContextClientVersion
此处传入的是2
,表示使用的是OpenGLES 2.0
setRenderer
此处将上面创建的OesRender
传入
setRenderMode
此处传入EGLTextureView.RENDERMODE_WHEN_DIRTY
,表示只有在调用requestRender()
方法时才会渲染
对应的,还有一个是EGLTextureView.RENDERMODE_CONTINUOUSLY
,表示会不停的渲染
addOnCameraListener
设置相机的回调
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
总结
这次面试问的还是还是有难度的,要求当场写代码并且运行,也是很考察面试者写代码
因为Android知识体系比较庞大和复杂的,涉及到计算机知识领域的方方面面。在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。
附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)
里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…
2e05a14868a3f0fd6ac81d625c.png)
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
[外链图片转存中…(img-To2SKSa0-1711618193099)]
总结
这次面试问的还是还是有难度的,要求当场写代码并且运行,也是很考察面试者写代码
因为Android知识体系比较庞大和复杂的,涉及到计算机知识领域的方方面面。在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。
附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)
[外链图片转存中…(img-kYDHrqI0-1711618193099)]
里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…