Android-手撸抖音“潜艇大挑战”，非科班面试之旅

BoatView

自定义View中完成以下几个事情

• 通过两个资源定时切换，实现探照灯闪烁的效果
• 通过OverScroller让移动过程更加顺滑
• 通过一个Rotation Animation，让潜艇在移动时可以调转角度，更加灵动

internal class BoatView(context: Context?) : AppCompatImageView(context) {

private val _scroller by lazy { OverScroller(context) }

private val _res = arrayOf(
R.mipmap.boat_000,
R.mipmap.boat_002
)

private var _rotationAnimator: ObjectAnimator? = null

private var _cnt = 0
set(value) {
field = if (value > 1) 0 else value
}

init {
scaleType = ScaleType.FIT_CENTER
_startFlashing()
}

private fun _startFlashing() {
postDelayed({
setImageResource(_res[_cnt++])
_startFlashing()
}, 500)
}

override fun computeScroll() {
super.computeScroll()

if (_scroller.computeScrollOffset()) {

x = _scroller.currX.toFloat()
y = _scroller.currY.toFloat()

// Keep on drawing until the animation has finished.
postInvalidateOnAnimation()
}

}

/**
* 移动更加顺换
*/
internal fun smoothMoveTo(x: Int, y: Int) {
if (!_scroller.isFinished) _scroller.abortAnimation()
_rotationAnimator?.let { if (it.isRunning) it.cancel() }

val curX = this.x.toInt()
val curY = this.y.toInt()

val dx = (x - curX)
val dy = (y - curY)
_scroller.startScroll(curX, curY, dx, dy, 250)

_rotationAnimator = ObjectAnimator.ofFloat(
this,
“rotation”,
rotation,
Math.toDegrees(atan((dy / 100.toDouble()))).toFloat()
).apply {
duration = 100
start()
}

postInvalidateOnAnimation()
}
}

ForegroundView

• 通过boat成员持有潜艇对象，并对其进行控制
• 实现CameraHelper.FaceDetectListener根据人脸识别的回调，移动潜艇到指定位置
• 游戏开始时，创建潜艇并做开场动画

/**
* 游戏开始时通过动画进入
*/
@MainThread
fun start() {
_isStop = false
if (boat == null) {
boat = Boat(context).also {
post {
addView(it.view, _width, _width)
AnimatorSet().apply {
play(
ObjectAnimator.ofFloat(
it.view,
“y”,
0F,
this@ForegroundView.height / 2f
)
).with(
ObjectAnimator.ofFloat(it.view, “rotation”, 0F, 360F)
)
doOnEnd { _ -> it.view.rotation = 0F }
duration = 1000
}.start()
}
}
}
}

开场动画

游戏开始时，将潜艇通过动画移动到起始位置，即y轴的二分之一处

/**
* 游戏开始时通过动画进入
*/
@MainThread
fun start() {
_isStop = false
if (boat == null) {
boat = Boat(context).also {
post {
addView(it.view, _width, _width)
AnimatorSet().apply {
play(
ObjectAnimator.ofFloat(
it.view,
“y”,
0F,
this@ForegroundView.height / 2f
)
).with(
ObjectAnimator.ofFloat(it.view, “rotation”, 0F, 360F)
)
doOnEnd { _ -> it.view.rotation = 0F }
duration = 1000
}.start()
}
}
}
}

4、相机（Camera）

相机部分主要有TextureView和CameraHelper组成。TextureView提供给Camera承载preview；工具类CameraHelper主要完成以下功能：

• 开启相机：通过CameraManger打开摄像头
• 摄像头切换：切换前后置摄像头，
• 预览：获取Camera提供的可预览尺寸，并适配TextureView显示
• 人脸识别：检测人脸位置，进行TestureView上的坐标变换

适配PreviewSize

相机硬件提供的可预览尺寸与屏幕实际尺寸（即TextureView尺寸）可能不一致，所以需要在相机初始化时，选取最合适的PreviewSize，避免TextureView上发生画面拉伸等异常

class CameraHelper(val mActivity: Activity, private val mTextureView: TextureView) {

private lateinit var mCameraManager: CameraManager
private var mCameraDevice: CameraDevice? = null
private var mCameraCaptureSession: CameraCaptureSession? = null

private var canExchangeCamera = false                                               //是否可以切换摄像头
private var mFaceDetectMatrix = Matrix()                                            //人脸检测坐标转换矩阵
private var mFacesRect = ArrayList()                                         //保存人脸坐标信息
private var mFaceDetectListener: FaceDetectListener? = null                         //人脸检测回调
private lateinit var mPreviewSize: Size

/**
* 初始化
*/
private fun initCameraInfo() {
mCameraManager = mActivity.getSystemService(Context.CAMERA_SERVICE) as CameraManager
val cameraIdList = mCameraManager.cameraIdList
if (cameraIdList.isEmpty()) {
mActivity.toast(“没有可用相机”)
return
}

//获取摄像头方向
mCameraSensorOrientation =
mCameraCharacteristics.get(CameraCharacteristics.SENSOR_ORIENTATION)!!
//获取StreamConfigurationMap，它是管理摄像头支持的所有输出格式和尺寸
val configurationMap =
mCameraCharacteristics.get(CameraCharacteristics.SCALER_STREAM_CONFIGURATION_MAP)!!

val previewSize = configurationMap.getOutputSizes(SurfaceTexture::class.java) //预览尺寸

// 当屏幕为垂直的时候需要把宽高值进行调换，保证宽大于高
mPreviewSize = getBestSize(
mTextureView.height,
mTextureView.width,
previewSize.toList()
)

//根据preview的size设置TextureView