Sample源码阅读学习
Google地址:https://developer.android.com/samples/MediaEffects/project.html
我的注释代码:https://github.com/CL-window/Media-Effects-Framework.git
本项目是 展示OpenGL ES 2.0的纹理图像帧的各种滤镜效果,
主要是 Effect,GLSurfaceView,GLES20的使用,具体都在代码的注释里,贴上主要的代码
// https://code.tutsplus.com/tutorials/how-to-use-android-media-effects-with-opengl-es--cms-23650
public class MediaEffectsFragment extends Fragment implements GLSurfaceView.Renderer {
private static final String STATE_CURRENT_EFFECT = "current_effect";
private GLSurfaceView mEffectView;
private int[] mTextures = new int[2];
// Media Effects Framework
private EffectContext mEffectContext; // 用于 getFactory() EffectFactory
private Effect mEffect;
private TextureRenderer mTexRenderer = new TextureRenderer();
private int mImageWidth;
private int mImageHeight;
private boolean mInitialized = false;
private int mCurrentEffect;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setHasOptionsMenu(true);// 使用菜单
}
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_media_effects, container, false);
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
mEffectView = (GLSurfaceView) view.findViewById(R.id.effectsview);
mEffectView.setEGLContextClientVersion(2);// 用OpenGLES 2.0
mEffectView.setRenderer(this);// Renderer
mEffectView.setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);// 只在绘制数据发生改变时才绘制view
// 下面这段代码处理横竖屏时,会重新 onCreate,配合onSaveInstanceState
if (null != savedInstanceState && savedInstanceState.containsKey(STATE_CURRENT_EFFECT)) {
setCurrentEffect(savedInstanceState.getInt(STATE_CURRENT_EFFECT));
} else {
setCurrentEffect(R.id.none);
}
}
@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
inflater.inflate(R.menu.media_effects, menu);// 菜单view的初始化
}
// 菜单的item点击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
setCurrentEffect(item.getItemId());
mEffectView.requestRender();// 手动调用 onDrawFrame
return true;
}
// fragment销毁前,保存需要保存的信息,当前选择的预览模式
@Override
public void onSaveInstanceState(Bundle outState) {
outState.putInt(STATE_CURRENT_EFFECT, mCurrentEffect);
}
// Renderer
@Override
public void onSurfaceCreated(GL10 gl, EGLConfig eglConfig) {
// Nothing to do here 仅调用一次,用于设置view的OpenGLES环境
}
// 如果view的几何形状发生变化了就调用,例如当竖屏变为横屏时
@Override
public void onSurfaceChanged(GL10 gl, int width, int height) {
if (mTexRenderer != null) {
mTexRenderer.updateViewSize(width, height);
}
}
// 每次View被重绘时被调用,重点
@Override
public void onDrawFrame(GL10 gl) {
if (!mInitialized) {
//Only need to do this once 初始化
mEffectContext = EffectContext.createWithCurrentGlContext();
mTexRenderer.init();
loadTextures();// 加载图片文理
mInitialized = true;
}
if (mCurrentEffect != R.id.none) {
//if an effect is chosen initialize it and apply it to the texture
initEffect();
applyEffect();
}
renderResult();
}
private void setCurrentEffect(int effect) {
mCurrentEffect = effect;
}
private void loadTextures() {
// Generate textures
GLES20.glGenTextures(2, mTextures, 0);// initialize the array
// Load input bitmap
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.puppy);
mImag