Android OpenGL ES从入门到进阶（一）—— 五分钟开发一款美颜相机

源码链接：https://github.com/smzhldr/AGLFramework

• 基础知识入门篇（Hello Triangle）
• 渲染纹理到屏幕
• GLSurfaceView预览相机
• 简单易用的OpenGL ES框架
• 人像美白与磨皮初探
• 2D贴纸与Blend混合
• Lookup滤镜（颜色查找表）
• NDK环境的使用及多线程开发

一、前言

商店里有数十款的美颜相机类产品，以及像抖音，唱吧之类带有视频的软件，功能很强大，其实现原理基本上都是以OpenGL ES为核心的特效处理，笔者码了一个很轻量级的Android OpenGL ES及Camera开发框架，意在使用的时候专注的编写OpenGL代码，而不是浪费时间在OpenGL环境搭建以及了解奇怪的函数接口。

这个框架（AGLFramework）是轻量级的，但扩展性很好，也可根据自己的需求定制，能满足大部分项目的需求，使用起来很方便，当前版本为3.2版本，最新版可以到GitHub获取源码，目前具有相机的分辨率切换，摄像头切换，自动对焦等功能，带有美白，磨皮，几十种滤镜，静态贴纸等几个特效处理功能，系列文章会逐步增加功能。我们先看下完整的效果 (借用下子怡姐姐的美照，打扰了)。

二、五分钟开发美颜相机

1.新建一个空项目

关于新建Android project的具体步骤此处省略一千万字，一路next就可以。

2.集成AGLFramework开发框架到项目中

集成非常简单,能写Hello world就足够，只需几步：

1.在project/build.grdle文件中添加依赖：

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

2.在app/build.grdle文件中添加依赖：

dependencies {
	        implementation 'com.github.smzhldr:AGLFramework:v3.2'
	}

3.权限申请：
相机相关的都需要在AndroidManifest.xml文件中申请权限：

 	<uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera.autofocus" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.FLASHLIGHT" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    

6.0及以上还需要在代码中动态申请权限：

	
	 if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
        ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE}, 0);
     }

这里给出了系统Api申请权限的方法，推荐开发中使用RxPermission

4.调用美颜相机：

新建一个Activity，在Activity的xml布局文件中加入美颜相机的View：

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

    <com.aglframework.smzh.camera.CameraPreview
        android:id="@+id/camera_preview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

在Activity中加入以下代码：

  public class CameraActivity extends Activity {

    private AGLView aglView;
    private AGLCamera aglCamera;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_camea);
        aglView = findViewById(R.id.camera_preview);

    }

    @Override
    protected void onResume() {
        super.onResume();
        if (aglCamera == null) {
        	//需要填写一个自己手机支持的分辨率
        	//或使用缺省参数允许自动选择
             aglCamera = new AGLCamera(aglView, 1080, 1920);
            }
            aglCamera.open();
        }
    }
    
    @Override
    protected void onPause() {
        super.onPause();
        if (aglCamera != null) {
            aglCamera.close();
        }
    }
}

如果想使用特效，以磨皮为例，找个你认为合适的地方加入以下代码：

     SmoothFilter smoothFilter = new SmoothFilter(this);
     smoothFilter.setSmoothLevel(0.88);
     aglView.setFilter(smoothFilter);
     

如果想切换摄像头，找个合适的位置加入一行代码：

	aglCamera.switchCamera();
	

再次提醒，使用相机之前务必要申请相关权限

现在编译运行，就可以看到一个简单的相机了，而且具有磨皮美颜的功能。

三、展望未来

AGLCamera类提供了自动聚焦，分辨率切换，摄像头切换等接口，以及多种特效处理功能，随着系列文章将更深入的学习OpenGL ES的使用和原理，可以查看下方源码链接或者跳转到主页查看Android OpenGL ES从入门到进阶的系列文章，源码的demo中有关于各个功能的使用。

如有疑问欢迎随时留言交流。

源码链接