Android实现人脸识别动画效果

实现步骤

---

1.绘制圆圈遮罩

这里我们是用了混合模式来实现圆圈部分的扣除，这里我们用到了PorterDuff.Mode.CLEAR

/**

* 绘制圆圈遮罩

* @param canvas

*/

private void drawCircleMask(Canvas canvas) {

canvas.save();

//目标图Dst

canvas.drawRect(new Rect(0,0,getWidth(),getHeight()), mPaint);

//设置混合模式

mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

//源图Src，重叠区域右下角部分

canvas.drawCircle(getWidth() / 2, getWidth() / 2, getWidth() / 3, mPaint);

//清除混合模式

mPaint.setXfermode(null);

canvas.restore();

}

这时效果如下

2.绘制两个动画效果的圆圈

咱们绘制的两个图片如下

我们要做的就是通过计算将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();

最后

其实要轻松掌握很简单，要点就两个：

1. 找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。
2. 多练。 （视频优势是互动感强，容易集中注意力）

你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。

阿里P7Android高级教程

下面资料部分截图，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。

附送高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、近期面试跳槽、自身职业规划迷茫的朋友们。

Android核心高级技术PDF资料，BAT大厂面试真题解析；

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！