概述
本篇在(四)的基础上继续对相机APP的功能进行增强。触摸对焦,就是在屏幕上点击某个点,相机就以此点内容进行对焦,保证此点最清晰;触摸测光,就是在屏幕上点击某个点,相机调整曝光亮度,保证此点亮度最为合适;二指手势缩放,就是通过手指在屏幕上的缩放,相机内容也随之进行缩放。上述三个功能也是目前相机APP较为常见的功能,我们接下来就进行实现。
触摸对焦
Camera.Parameters
的官方文档的话,大概见过setFocusAreas()
方法,就像字面意思一样,这个方法就是用来指定对焦区域的,而触摸对焦主要就是依靠这个方法实现。通过监听相机预览的触摸事件,获得手指触摸屏幕的坐标,然后通过setFocusAreas()
指定这个对焦区域,最后应用到相机就好了。
坐标转换
setFocusAreas()
,因为相机会用到另一套坐标系,如下图所示(来自官方文档)
相机预览中心是(0, 0),左上角是(-1000, -1000),右下角是(1000, 1000)。其中蓝色的矩形就是一个对焦区域,相机以此区域进行对焦。这个坐标系可以让我们免于实际尺寸的困扰,还有一个好处就是这个坐标系不会受预览内容的旋转的影响,就是说只需要做一次坐标变换就好了。
CameraPreview
中加入
Java
private static Rect calculateTapArea(float x, float y, float coefficient, Camera.Size previewSize) {
float focusAreaSize = 300;
int areaSize = Float.valueOf(focusAreaSize * coefficient).intValue();
int centerX = (int) (x / previewSize.width - 1000);
int centerY = (int) (y / previewSize.height - 1000);
int left = clamp(centerX - areaSize / 2, -1000, 1000);
int top = clamp(centerY - areaSize / 2, -1000, 1000);
RectF rectF = new RectF(left, top, left + areaSize, top + areaSize);
return new Rect(Math.round(rectF.left), Math.round(rectF.top), Math.round(rectF.right), Math.round(rectF.bottom));
}
private static int clamp(int x, int min, int max) {
if (x > max) {
return max;
}
if (x < min) {
return min;
}
return x;
}
private static Rect calculateTapArea(float x, float y, float coefficient, Camera.Size previewSize) {
float focusAreaSize = 300;
int areaSize = Float.valueOf(focusAreaSize * coefficient).intValue();
int centerX = (int) (x / previewSize.width - 1000);
int centerY = (int) (y / previewSize.height - 1000);
int left = clamp(centerX - areaSize / 2, -1000, 1000);
int top = clamp(centerY - areaSize / 2, -1000, 1000);
RectF rectF = new RectF(left, top, left + areaSize, top + areaSize);
return new Rect(Math.round(rectF.left), Math.round(rectF.top), Math.round(rectF.right), Math.round(rectF.bottom));
}
private static int clamp(int x, int min, int max) {
if (x > max) {
return max;
}
if (x < min) {
return min;
}
return x;
}
calculateTapArea()
接收触摸点的坐标,返回转换后坐标介于[-1000, 1000]矩形。这是一个较为通用的代码,应该很容易看懂。
设置对焦区域
setFocusAreas()
应用到相机了?实际没这么简单。直接这么做往往不能达到理想的效果,因为Android本身的问题以及设备的差异,在常用的对焦模式为continuous-picture
下,setFocusAreas()
可能会不工作。目前常用的解决办法是在setFocusAreas()
同时修改相机对焦模式为macro
等,待对焦完毕后,再将对焦模式修改为用户之前定义的。CameraPreview
中加入
Java
private static void handleFocus(MotionEvent event, Camera camera) {
Camera.Parameters params = camera.getParameters();
Camera.Size previewSize = params.getPreviewSize();
Rect focusRect = calculateTapArea(event.getX(), event.getY(), 1f, previewSize);
camera.cancelAutoFocus();
if (params.getMaxNumFocusAreas() > 0) {
List<Camera.Area> focusAreas = new ArrayList<>();
focusAreas.add(new Camera.Area(focusRect, 800));
params.setFocusAreas(focusAreas);
} else {
Log.i(TAG, "focus areas not supported");
}
final String currentFocusMode = params.getFocusMode();
params.setFocusMode(Camera.Parameters.FOCUS_MODE_MACRO);
camera.setParameters(params);
camera.autoFocus(new Camera.AutoFocusCallback() {
@Override
public void onAutoFocus(boolean success, Camera camera) {
Camera.Parameters params = camera.getParameters();
params.setFocusMode(currentFocusMode);
camera.setParameters(params);
}
});
}
private static void handleFocus(MotionEvent event, Camera camera) {
Camera.Parameters params = camera.getParameters();
Camera.Size previewSize = params.getPreviewSize();
Rect focusRect = calculateTapArea(event.getX(), event.getY(), 1f, previewSize);
camera.cancelAutoFocus();
if (params.getMaxNumFocusAreas() > 0) {
List<Camera.Area> focusAreas = new ArrayList<>();
focusAreas.add(new Camera.Area(focusRect, 800));
params.setFocusAreas(focusAreas);
} else {
Log.i(TAG, "focus areas not supported");
}
final String currentFocusMode = params.getFocusMode();
params.setFocusMode(Camera.Parameters.FOCUS_MODE_MACRO);
camera.setParameters(params);
camera.autoFocus(new Camera.AutoFocusCallback() {
@Override
public void onAutoFocus(boolean success, Camera camera) {
Camera.Parameters params = camera.getParameters();
params.setFocusMode(currentFocusMode);
camera.setParameters(params);
}
});
}
getMaxNumFocusAreas()
用来判断相机是否支持设定手动对焦点,如果不支持就不用瞎折腾了;cancelAutoFocus()
是将相机的所以对焦完成后的回调函数都去掉,其实无关紧要。currentFocusMode
就是保存用户设置的对焦方式,然后将对焦方式修改为macro
,应用到相机,相机开始对焦。什么时候把对焦方式还原为用户设定的呢?当然是在相机对焦完成后,我们通过autoFocus()
设定一个回调函数,当相机对焦完成后就会调用这个回调函数,我们就可以在回调函数里设置将对焦方式修改回用户设定的,然后应用到相机。
捕获触摸事件
SurfaceView
就有onTouchEvent()
触摸事件,我们只需要将其重载实现自己想要的功能就好了。CameraPreview
中加入
Java
public boolean onTouchEvent(MotionEvent event) {
if (event.getPointerCount() == 1) {
handleFocus(event, mCamera);
}
return true;
}
public boolean onTouchEvent(MotionEvent event) {
if (event.getPointerCount() == 1) {
handleFocus(event, mCamera);
}
return true;
}
getPointerCount
获取手指数目,当只有一个手指时触发对焦,直接调用handleFocus()
就好了。
运行试试
现在APP就实现了触摸对焦了,运行试试吧。如下面两图就是分别以两本书的内容进行对焦,可以明显发现一本清晰一本模糊。
触摸测光
handleFocus()
就好了。handleFocus()
中加入
Java
Rect meteringRect = calculateTapArea(event.getX(), event.getY(), 1.5f, previewSize);
if (params.getMaxNumMeteringAreas() > 0) {
List<Camera.Area> meteringAreas = new ArrayList<>();
meteringAreas.add(new Camera.Area(meteringRect, 800));
params.setMeteringAreas(meteringAreas);
} else {
Log.i(TAG, "metering areas not supported");
}
Rect meteringRect = calculateTapArea(event.getX(), event.getY(), 1.5f, previewSize);
if (params.getMaxNumMeteringAreas() > 0) {
List<Camera.Area> meteringAreas = new ArrayList<>();
meteringAreas.add(new Camera.Area(meteringRect, 800));
params.setMeteringAreas(meteringAreas);
} else {
Log.i(TAG, "metering areas not supported");
}
getMaxNumMeteringAreas()
用来判断相机是否支持设定手动测光点,如果不支持就不用瞎折腾了。在DEMO中handleFocus()
的名字变为handleFocusMetering()
了,因为现在不止能够进行对焦了嘛。
运行试试
现在触摸屏幕会同时完成对焦和测光,运行试试吧。
二指手势缩放
setZoom()
指定缩放程度,应用到相机就好了。
手指间距
注意不同于触摸对焦,现在我们只需要知道手指是合拢还是张开,不需要知道手指的具体位置。怎么知道手指是合拢还是张开?可惜Android并没有提供这个方法,只会告诉我们有两个手指,还告诉手指的坐标;我们可以记下手指之间的间距,如果在手指移动时间距变大,那就是张开,否则就是合拢。
CameraPreview
中加入
Java
private static float getFingerSpacing(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return (float) Math.sqrt(x * x + y * y);
}
private static float getFingerSpacing(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return (float) Math.sqrt(x * x + y * y);
}
MotionEvent
中获取两个手指的坐标(提前保证一定有两个手指),然后计算距离,很简单。
设置缩放
判断手指合拢还是张开稍后再说,现在来看在知道是合拢还是张开后,怎么设置缩放。
getMaxZoom()
]之间的,不缩放时值为0,具体数值通过setZoom()
设置,应用到相机就能看到效果了。所以只需要在每次触发设置缩放时,根据是缩小还是放大,将缩放值减1或加1,并应用到相机。对于一次缩放手势,会多次触发设置缩放,这样就形成了一个连续的缩放过程,看起来就像过渡效果了。CameraPreview
中加入
Java
private void handleZoom(boolean isZoomIn, Camera camera) {
Camera.Parameters params = camera.getParameters();
if (params.isZoomSupported()) {
int maxZoom = params.getMaxZoom();
int zoom = params.getZoom();
if (isZoomIn && zoom < maxZoom) {
zoom++;
} else if (zoom > 0) {
zoom--;
}
params.setZoom(zoom);
camera.setParameters(params);
} else {
Log.i(TAG, "zoom not supported");
}
}
private void handleZoom(boolean isZoomIn, Camera camera) {
Camera.Parameters params = camera.getParameters();
if (params.isZoomSupported()) {
int maxZoom = params.getMaxZoom();
int zoom = params.getZoom();
if (isZoomIn && zoom < maxZoom) {
zoom++;
} else if (zoom > 0) {
zoom--;
}
params.setZoom(zoom);
camera.setParameters(params);
} else {
Log.i(TAG, "zoom not supported");
}
}
isZoomSupported()
判断相机是否支持缩放,不支持就不用瞎折腾了。getMaxZoom()
获取最大缩放值,最小值为0不用获取;getZoom()
获取当前缩放值,如果是放大,且当前缩放值不超过最大值,则将当前缩放值加1;如果是缩小,且当前缩放值不小于0,则将当前缩放值减1。最后应用到相机,就完成了整个过程。
捕获二指缩放
CameraPreview
中加入
Java
private float oldDist = 1f;
private float oldDist = 1f;
onTouchEvent()
修改为
Java
public boolean onTouchEvent(MotionEvent event) {
if (event.getPointerCount() == 1) {
handleFocus(event, mCamera);
} else {
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = getFingerSpacing(event);
break;
case MotionEvent.ACTION_MOVE:
float newDist = getFingerSpacing(event);
if (newDist > oldDist) {
handleZoom(true, mCamera);
} else if (newDist < oldDist) {
handleZoom(false, mCamera);
}
oldDist = newDist;
break;
}
}
return true;
}
public boolean onTouchEvent(MotionEvent event) {
if (event.getPointerCount() == 1) {
handleFocus(event, mCamera);
} else {
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_POINTER_DOWN:
oldDist = getFingerSpacing(event);
break;
case MotionEvent.ACTION_MOVE:
float newDist = getFingerSpacing(event);
if (newDist > oldDist) {
handleZoom(true, mCamera);
} else if (newDist < oldDist) {
handleZoom(false, mCamera);
}
oldDist = newDist;
break;
}
}
return true;
}
event.getAction() & MotionEvent.ACTION_MASK
获取手势类别;ACTION_POINTER_DOWN
即为两只手指触摸到屏幕,此时我们通过两只手指的坐标得到手指间距,记录到成员变量oldDist
中;ACTION_MOVE
即为手指在屏幕上移动,对应两只手指正在缩放,缩放过程中每次手指移动都会触发。此时记录新的手指间距为newDist
,并与oldDist
比较,确定缩放类型,调用handleZoom()
进行缩放;相机缩放完成后,将oldDist
赋值为newDist
,作为下一次触发ACTION_MOVE
的基准,这样完成缩放。
运行试试
现在在屏幕上用手指进行缩放,就会使相机预览缩放了,运行试试吧。如下面两图就是缩放前和缩放后
一点唠叨
上面我们实现了触摸对焦,触摸测光,二指手势缩放,看起来比较简单但也还是有许多细节问题值得深入探究。本篇美中不足的就是没有给触摸和手势加上动画,比如触摸时应该在屏幕上显示一个矩形指示,缩放时应该在屏幕上显示一个进度条指示缩放程度;鉴于加上这些内容需要更多代码和一些技巧,本篇没有实现,望自行查找(参考部分有个链接涉及到这个问题)。另外对于这些功能的实现也可以有不同的策略,我只是提出我认为最合适的方法,可能不是最好的。
DEMO
本文实现的相机APP源码都放在GitHub上,如果需要请点击zhantong/AndroidCamera-TouchToFocusMeteringZoom。
参考
- Camera | Android Developers
- Camera.Parameters | Android Developers
- Camera.Area | Android Developers
- View | Android Developers
- MotionEvent | Android Developers
- Android SurfaceView not responding to touch events - Stack Overflow
- Android setFocusArea and Auto Focus - Stack Overflow
- Android Camera preview zoom using double finger touch - Stack Overflow
- Android imageView Zoom-in and Zoom-Out - Stack Overflow
- android camera - Draw Rectangle on SurfaceView - Stack Overflow