Android实现人脸识别动画效果

我们要做的就是通过计算将Bitmap缩放成与之前遮罩效果的圆圈一样大，因为我们这里用的两张图片是一样大的，因此我们只需要计算出内圆圈图片与遮罩圆圈的缩放比例即可，由于之前咱们给遮罩圆圈设置的半径为：控件宽度 / 3

因此我们缩放后的圆圈Bitmap宽高应当是如下图所示的中间红线部分加两边蓝色部分的总长

其中中间红线部分就是：控件宽度 / 3 ，而蓝线部分可以通过PhotoShop等工具测量，然后根据与红线部分的比例求出，代码如下，其中mInnerCircleBitmap是内圆，mOutCircleBitmap是外圆

/**

* 画圆圈外部的圆圈图片

*/

private void drawBitmapCircle(Canvas canvas) {

if(mInnerCircleBitmap == null){

int dstWidthAndHeight = (int) (getWidth() / 1.5f + getWidth() / 1.5f / 4);

mInnerCircleBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ic_checkface_innercircle);

mInnerCircleBitmap = Bitmap.createScaledBitmap(mInnerCircleBitmap,dstWidthAndHeight,dstWidthAndHeight,true);

}

if(mOutCircleBitmap == null){

int dstWidthAndHeight = (int) (getWidth() / 1.5f + getWidth() / 1.5f / 4);

mOutCircleBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ic_checkface_outcircle);

mOutCircleBitmap = Bitmap.createScaledBitmap(mOutCircleBitmap,dstWidthAndHeight,dstWidthAndHeight,true);

}

int left = (getWidth() - mInnerCircleBitmap.getWidth()) / 2;

int top = (int) (getWidth() / 2 - getWidth() / 3 - getWidth() / 1.5f / 8);

canvas.drawBitmap(mInnerCircleBitmap,left,top,mPaint);

canvas.drawBitmap(mOutCircleBitmap,left,top,mPaint);

}

这时效果如下

3.实现旋转动画效果

接下来我们就可以通过ValueAnimator来实现圆圈的旋转效果了，从文章开头的效果我们可以看出两个圆圈的旋转方向是不一样的，因此我们逻辑上也要注意一个是顺时针旋转另一个是逆时针旋转，代码如下

private float mDegress = 0;//旋转角度

private void init() {

//定义动画

valueAnimator = ValueAnimator.ofFloat(0f, 360f);

valueAnimator.setRepeatCount(ValueAnimator.INFINITE);

valueAnimator.setRepeatMode(ValueAnimator.RESTART);

valueAnimator.setInterpolator(new LinearInterpolator());

valueAnimator.setDuration(6000);

valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

mDegress = (float) animation.getAnimatedValue();

postInvalidate();

}

});

valueAnimator.start();

}

/**

* 画圆圈外部的圆圈图片

*/

private void drawBitmapCircle(Canvas canvas) {

if(mInnerCircleBitmap == null){

int dstWidthAndHeight = (int) (getWidth() / 1.5f + getWidth() / 1.5f / 4);

mInnerCircleBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ic_checkface_innercircle);

mInnerCircleBitmap = Bitmap.createScaledBitmap(mInnerCircleBitmap,dstWidthAndHeight,dstWidthAndHeight,true);

}

if(mOutCircleBitmap == null){

int dstWidthAndHeight = (int) (getWidth() / 1.5f + getWidth() / 1.5f / 4);

mOutCircleBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ic_checkface_outcircle);

mOutCircleBitmap = Bitmap.createScaledBitmap(mOutCircleBitmap,dstWidthAndHeight,dstWidthAndHeight,true);

}

int left = (getWidth() - mInnerCircleBitmap.getWidth()) / 2;

int top = (int) (getWidth() / 2 - getWidth() / 3 - getWidth() / 1.5f / 8);

//顺时针旋转

canvas.save();

canvas.rotate(mDegress,getWidth() / 2, getWidth() / 2);

canvas.drawBitmap(mInnerCircleBitmap,left,top,mPaint);

canvas.restore();

//逆时针旋转

canvas.save();

canvas.rotate(-mDegress,getWidth() / 2, getWidth() / 2);

canvas.drawBitmap(mOutCircleBitmap,left,top,mPaint);

canvas.restore();

}

这时效果如下

分享读者

作者2013年java转到Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。

被人面试过，也面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长，而且极易碰到天花板技术停滞不前！

我们整理了一份阿里P7级别的Android架构师全套学习资料，特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里，以及字节跳动，腾讯，华为，小米，等一线互联网公司主流架构技术。如果你有需要，尽管拿走好了。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

构师全套学习资料，特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里，以及字节跳动，腾讯，华为，小米，等一线互联网公司主流架构技术。如果你有需要，尽管拿走好了。

[外链图片转存中…(img-pS9IjPEX-1726015952185)]

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。