Android 实现人脸识别检测时的扫描动画效果（二维码扫描动画效果同理）

App现在二维码扫描、人脸扫描的场景越来越多，扫描的动画效果实则就是平移动画：TranslateAnimation

现在我呢用TranslateAnimation实现一个人脸扫描的效果，上下来回滑动（二维码只要替换一下BG即可）：
(超过5M的gif上传不了，所以只录了一个轮回的，3M多，看着貌似是卡顿，其实是帧数太少，具体应用到代码中Run起来看效果)

1.效果图：

2.Activity代码如下：

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;public class MainActivity extends AppCompatActivity {private ImageView mIvScan;/*** 0:从上往下 1:从下往上*/Animation mTop2Bottom, mBottom2Top;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mIvScan = findViewById(R.id.scan_line);mTop2Bottom = new TranslateAnimation(TranslateAnimation.ABSOLUTE, 0f,TranslateAnimation.ABSOLUTE, 0f, TranslateAnimation.RELATIVE_TO_PARENT, 0f,TranslateAnimation.RELATIVE_TO_PARENT, 0.7f);mBottom2Top = new TranslateAnimation(TranslateAnimation.ABSOLUTE, 0f,TranslateAnimation.ABSOLUTE, 0f, TranslateAnimation.RELATIVE_TO_PARENT, 0.7f,TranslateAnimation.RELATIVE_TO_PARENT, 0f);mBottom2Top.setRepeatMode(Animation.RESTART);mBottom2Top.setInterpolator(new LinearInterpolator());mBottom2Top.setDuration(1500);mBottom2Top.setFillEnabled(true);//使其可以填充效果从而不回到原地mBottom2Top.setFillAfter(true);//不回到起始位置//如果不添加setFillEnabled和setFillAfter则动画执行结束后会自动回到远点mBottom2Top.setAnimationListener(new Animation.AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {mIvScan.startAnimation(mTop2Bottom);}@Overridepublic void onAnimationRepeat(Animation animation) {}});mTop2Bottom.setRepeatMode(Animation.RESTART);mTop2Bottom.setInterpolator(new LinearInterpolator());mTop2Bottom.setDuration(1500);mTop2Bottom.setFillEnabled(true);mTop2Bottom.setFillAfter(true);mTop2Bottom.setAnimationListener(new Animation.AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {}@Overridepublic void onAnimationEnd(Animation animation) {mIvScan.startAnimation(mBottom2Top);}@Overridepublic void onAnimationRepeat(Animation animation) {}});mIvScan.startAnimation(mTop2Bottom);}
}

3.XML文件，就主要2个控件，背景图和实现动画效果的目标ImageView：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World!"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><ImageViewandroid:id="@+id/scan_line"android:layout_width="250dp"android:layout_height="94dp"android:layout_centerHorizontal="true"android:scaleType="centerCrop"android:src="@mipmap/icon_scan_line" /><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:scaleType="centerCrop"android:src="@mipmap/bg_frame_face" />
</RelativeLayout>

（布局预览）

Run，看效果。（有好的建议，欢迎评论，一起学习交流~^_^）

Demo下载地址：https://download.csdn.net/download/u010231454/10847735
转载请注明出处，谢谢~ ^_^：https://blog.csdn.net/u010231454/article/details/84986161

Android 实现人脸识别检测时的扫描动画效果（二维码扫描动画效果同理）相关推荐

Android 8.0学习 (36)---Android 8.0 WebView 拍照、简易预览、二维码扫描各种问题解决
Android 8.0 WebView 拍照.简易预览.二维码扫描各种问题解决项目用到了WebView包装HTML5做成app使用,其中有页面用到了二维码和拍照上传功能.本人从未做过android ...
android USB摄像头做条形码及二维码扫描（1）
摘要: 1.前言 2.底层配置 3.JNI实现 4.总结 5.BUG及优化记录 android USB摄像头做条形码及二维码扫描(2) 1. 前言公司做的产品基于android开发板搭建的控制系统, ...
Android笔记：Zing二维码扫描解决二维码被拉伸
二维码扫描 Android Zxing图片拉伸解决 Zxing是google提供的二维码扫描工程默认是横屏的转换成竖屏后图片出现拉伸这里提供解决办法: Zxing 修改 CameraConfig ...
基于Capacitor编写Ionic React二维码扫描应用
在上一篇文章中,我们简要演示了如何使用capacitor-plugin-dynamsoft-barcode-reader构建跨平台二维码扫描应用.在本文中,我们将使用Ionic React来构建一个二 ...
二维码扫描模组是如何应用于PDA数据采集器上的呢？
PDA采集器,对于很多从事快递物流行业的人来说并不陌生,它用于条码识别,而它的识别离不开一个小小的"二维码扫描模组".很多基于条码类自动识别产品研发应用都离不开它的存在.正是因为扫 ...
二维码扫描的一些代码
// 扫描.生成二维码// 扫描按钮布局文件 <Relativelayoutandroid:id="@+id/ll_title_address"android:layout_ ...
二维码扫描和应用跳转
转载自: http://sindrilin.com/ios-dev/2015/11/01/二维码扫描和应用跳转.html 前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫 ...
二维码扫描利用ZBar实现
上次是根据系统的属性自己封装的一个二维码扫描,这次给大家介绍一下基于ZBar集成的类似于QQ二维码扫描界面的二维码扫描的效果. ...
iOS开发-二维码扫描和应用跳转
iOS开发-二维码扫描和应用跳转序言前面我们已经调到过怎么制作二维码,在我们能够生成二维码之后,如何对二维码进行扫描呢? 在iOS7之前,大部分应用中使用的二维码扫描是第三方的扫描框架,例如Z ...

Android 实现人脸识别检测时的扫描动画效果（二维码扫描动画效果同理）

Android 实现人脸识别检测时的扫描动画效果（二维码扫描动画效果同理）相关推荐

最新文章

热门文章