android动画使用

⑴ Android如何将逐帧动画加在界面上

动画的使用 是 Android 开发中常用的知识
可是动画的 种类繁多、使用复杂 ，每当需要 采用自定义动画 实现 复杂的动画效果 时，很多开发者就显得束手无策
本文将详细介绍 Android 动画中 逐帧动画 的原理 & 使用
#1. 作用对象 视图控件（ View ）
1. 如 Android 的 TextView、Button 等等
2. 不可作用于 View 组件的属性，如：颜色、背景、长度等等
#2. 原理
将动画拆分为 帧 的形式，且定义每一帧 = 每一张图片
逐帧动画的本质：按序播放一组预先定义好的图片
#3. 具体使用 ####步骤1：将动画资源（即每张图片资源）放到 drawable 文件夹里
技巧：
1. 找到自己需要的gif动画
2. 用 gif 分解软件（如 GifSplitter ）将 gif 分解成一张张图片即可

⑵ Android实现View平移动画的方式

平移动画，大概是我们最容易想到的实现方式，但并非能满足所有需求。这种方式不能控制进度，设置好动画持续时间后，就会一直到结束。

通过drawBitmap在不同的位置画出图片，适合图片作为平移动画的需求。经测试，使用Matrix方式对部分待透明度以及过大的图片无法绘制，通过计算位置直接绘制正常。

改变长度和改变位置是一个道理。获取View的位置，然后通过进度计算出View的宽度，再通过setLayoutParams改变View大小。这个方式满足我们的需求，采用的此方式。

以上。如有错误，欢迎指正！

个人简介：

⑶ Android 12.0 适配——应用启动动画

应用启动时如果在Application中做了很多事务，会导致启动时有个白屏的时间，体验十分不好。通常的做法是给Application或者第一个启动的Activity的主题添加上android:windowBackground属性来优化体验。
到了Android 12，官方新增了SplashScreen Api，可为所有应用添加新的启动动画，显示速度十分实时，所以到了Android 12，我们就不必自己添加android:windowBackground属性，最重要的是它是能向下兼容的。

在Android 12上已经默认使用了SplashScreen，如果不考虑向下兼容的问题，不需要任何配置，系统就会自动使用App的图标作为SplashScreen的图标。

这个时候就需要一些适配操作

注意的是必须是在第一个启动的Activity同目录的build.gradle中添加依赖

在Style.xml新建一个主题，parent必须为Theme.SplashScreen
windowSplashScreenBackground：启动动画的背景
：启动动画的图标
：启动动画的时间
postSplashScreenTheme：启动动画退出后的启动页的主题

在setContentView()之前添加上installSplashScreen()即可

这里我用的是一台11的机器，可以看到效果基本上和12.0差不多，如果不去适配的话11的机器是看不到这个页面的（请忽略我自己做的图标）

可以看到适配很简单，另外可以看到installSplashScreen()是有返回值的，我们可以利用这个值去做一些更强大的事情，例如延长启动页面停留时间、设置动画效果等，这些大家自己去研究。

⑷ Android开发之ImageView播放GIF动画实例

Android开发之ImageView播放GIF动画实例

Android的原生控件并不支持播放GIF格式的图片，如果想在Android中显示一张GIF动态图片，可以利用 ImageView控件来完成，但是放进去之后，你会发现，ImageView它只会显示这张图片的第一帧，不会产生任何的动画效果。我们必须通过自定义控件的方式来实现ImageView播放GIF 图片的功能。

首先我们来编写一个PowerImageView控件，让它既能支持ImageView控件原生的所有功能，同时还可以播放GIF动态图片。

先新建一个项目PowerImageViewTest，这里使用Android 4.0+Eclipse。

由于是要自定义控件，会需要一些自定义的控件属性，因此我们需要在values目录下新建一个attrs.xml的文件，在这个文件中添加项目需要的自定义属性。

这里我们目前暂时只需要一个自动播放auto_play属性，XML文件代码如下：

<?xml version="1.0" encoding="utf-8"?>

这个文件完成之后，下面我们来开始编写主类PowerImageView类，由于PowerImageView类需要支持ImageView的所有功能，我们必须要让PowerImageView继承自ImageView，代码如下：

public class PowerImageView extends ImageView implements OnClickListener {

/**

* 播放GIF动画的关键类

*/

private Movie mMovie;

/**

* 开始播放按钮图片

*/

private Bitmap mStartButton;

/**

* 记录动画开始的时间

*/

private long mMovieStart;

/**

* GIF图片的宽度

*/

private int mImageWidth;

/**

* GIF图片的高度

*/

private int mImageHeight;

/**

* 图片是否正在播放

*/

private boolean isPlaying;

/**

* 是否允许自动播放

*/

private boolean isAutoPlay;

/**

* PowerImageView构造函数。

*

* @param context

*/

public PowerImageView(Context context) {

super(context);

}

/**

* PowerImageView构造函数。

*

* @param context

*/

public PowerImageView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

/**

* PowerImageView构造函数，在这里完成所有必要的初始化操作。

*

* @param context

*/

public PowerImageView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.PowerImageView);

int resourceId = getResourceId(a, context, attrs);

if (resourceId != 0) {

// 当资源id不等于0时，就去获取该资源的流

InputStream is = getResources().openRawResource(resourceId);

// 使用Movie类对流进行解码

mMovie = Movie.decodeStream(is);

if (mMovie != null) {

// 如果返回值不等于null，就说明这是一个GIF图片，下面获取是否自动播放的属性

isAutoPlay = a.getBoolean(R.styleable.PowerImageView_auto_play, false);

Bitmap bitmap = BitmapFactory.decodeStream(is);

mImageWidth = bitmap.getWidth();

mImageHeight = bitmap.getHeight();

bitmap.recycle();

if (!isAutoPlay) {

// 当不允许自动播放的时候，得到开始播放按钮的图片，并注册点击事件

mStartButton = BitmapFactory.decodeResource(getResources(),R.drawable.start_play);

setOnClickListener(this);

}

}

}

}

@Override

public void onClick(View v) {

if (v.getId() == getId()) {

// 当用户点击图片时，开始播放GIF动画

isPlaying = true;

invalidate();

}

}

@Override

protected void onDraw(Canvas canvas) {

if (mMovie == null) {

// mMovie等于null，说明是张普通的图片，则直接调用父类的onDraw()方法

super.onDraw(canvas);

} else {

// mMovie不等于null，说明是张GIF图片

if (isAutoPlay) {

// 如果允许自动播放，就调用playMovie()方法播放GIF动画

playMovie(canvas);

invalidate();

} else {

// 不允许自动播放时，判断当前图片是否正在播放

if (isPlaying) {

// 正在播放就继续调用playMovie()方法，一直到动画播放结束为止

if (playMovie(canvas)) {

isPlaying = false;

}

invalidate();

} else {

// 还没开始播放就只绘制GIF图片的第一帧，并绘制一个开始按钮

mMovie.setTime(0);

mMovie.draw(canvas, 0, 0);

int offsetW = (mImageWidth - mStartButton.getWidth()) / 2;

int offsetH = (mImageHeight - mStartButton.getHeight()) / 2;

canvas.drawBitmap(mStartButton, offsetW, offsetH, null);

}

}

}

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

if (mMovie != null) {

// 如果是GIF图片则重写设定PowerImageView的大小

setMeasuredDimension(mImageWidth, mImageHeight);

}

}

/**

* 开始播放GIF动画，播放完成返回true，未完成返回false。

*

* @param canvas

* @return 播放完成返回true，未完成返回false。

*/

private boolean playMovie(Canvas canvas) {

long now = SystemClock.uptimeMillis();

if (mMovieStart == 0) {

mMovieStart = now;

}

int ration = mMovie.ration();

if (ration == 0) {

ration = 1000;

}

int relTime = (int) ((now - mMovieStart) % ration);

mMovie.setTime(relTime);

mMovie.draw(canvas, 0, 0);

if ((now - mMovieStart) >= ration) {

mMovieStart = 0;

return true;

}

return false;

}

/**

* 通过java反射，获取到src指定图片资源所对应的id。

*

* @param a

* @param context

* @param attrs

* @return 返回布局文件中指定图片资源所对应的id，没有指定任何图片资源就返回0。

*/

private int getResourceId(TypedArray a, Context context, AttributeSet attrs) {

try {

Field field = TypedArray.class.getDeclaredField("mValue");

field.setAccessible(true);

TypedValue typedValueObject = (TypedValue) field.get(a);

return typedValueObject.resourceId;

} catch (Exception e) {

e.printStackTrace();

} finally {

if (a != null) {

a.recycle();

}

}

return 0;

}

}

这个类的代码注释已经非常详细了，我再来简单地解释一下。可以看到，我们重写了ImageView中所有的构建函数，使得 PowerImageView的用法可以和ImageView完全相同。在构造函数中，则是对所有必要的数据进行了初始化操作。首先，我们调用了 getResourceId()方法去获取图片资源对应的id值，在getResourceId()方法内部是通过Java的反射机制来进行获取的。得到了图片资源的id后，我们将它转换成InputStream，然后传入到Movie.decodeStream()方法中以解码出Movie对象。如果得到的Movie对象等于null，说明这是一张普通的图片资源，就不再进行任何特殊处理，因为父类ImageView都帮我们处理好了。如果得到的 Movie对象不等于null，则说明这是一张GIF图片，接着就要去获取是否允许自动播放、图片的宽高等属性的值。如果不允许自动播放，还要给播放按钮 注册点击事件，默认是不允许自动播放的。

接下来会进入到onMeasure()方法中。在这个方法中我们进行判断，如果这是一张GIF图片，则需要将PowerImageView的宽高重定义，使得控件的大小刚好可以放得下这张GIF图片。

再往后就会进入到onDraw()方法中。在这个方法里同样先判断当前是一张普通的图片还是GIF图片，如果是普通的图片就直接调用 super.onDraw()方法交给ImageView去处理就好了。如果是GIF图片，则先判断该图是否允许自动播放，允许的话就调用 playMovie()方法去播放GIF图片就好，不允许的话则会先在PowerImageView中绘制该GIF图片的第一帧，并在图片上绘制一个播放 按钮，当用户点击了播放按钮时，再去调用playMovie()方法去播放GIF图片。

下面我们来看看playMovie()方法中是怎样播放GIF图片的吧。可以看到，首先会对动画开始的时间做下记录，然后对动画持续的时间做下记 录，接着使用当前的时间减去动画开始的时间，得到的时间就是此时PowerImageView应该显示的那一帧，然后借助Movie对象将这一帧绘制到屏 幕上即可。之后每次调用playMovie()方法都会绘制一帧图片，连贯起来也就形成了GIF动画。注意，这个方法是有返回值的，如果当前时间减去动画 开始时间大于了动画持续时间，那就说明动画播放完成了，返回true，否则返回false。

完成了PowerImageView的编写，下面我们就来看一看如何使用它吧，其实非常简单，打开或新建activity_main.xml，代码如下所示：

<relativelayout p=""

android:layout_width="match_parent"

android:layout_height="match_parent" >

<com.example.powerimageviewtest.powerimageview p=""

android:id="@+id/image_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:src="@drawable/anim"

/>

可以看到，PowerImageView的用法和ImageView几乎完全一样，使用android:src属性来指定一张图片即可，这里指定的anim就是一张GIF图片。然后我们让PowerImageView在布局里居中显示MainActivity中的代码都是自动生成的，这里就不再贴出来了。在AndroidManifest.xml中还有一点需要注意，有些4.0 以上系统的手机启动了硬件加速功能之后会导致GIF动画播放不出来，因此我们需要在AndroidManifest.xml中去禁用硬件加速功能，可以通过指定android:hardwareAccelerated属性来完成，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>

<manifest p=""

package="com.example.powerimageviewtest"

android:versionCode="1"

android:versionName="1.0" >

<uses-sdk p=""

android:minSdkVersion="14"

android:targetSdkVersion="17" />

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme"

android:hardwareAccelerated="false"

>

android:name="com.example.powerimageviewtest.MainActivity"

android:label="@string/app_name" >

现在可以来运行一下代码了，一打开程序你就会看到GIF图片的第一帧，点击图片之后就可以播放GIF动画了。

然后我们还可以通过修改activity_main.xml中的代码，给它加上允许自动播放的属性，代码如下所示：

<relativelayout p=""

xmlns:attr="http://schemas.android.com/apk/res/com.example.powerimageviewtest"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<com.example.powerimageviewtest.powerimageview p=""

android:id="@+id/image_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:src="@drawable/anim"

attr:auto_play="true"

/>

这里使用了刚才我们自定义的属性，通过attr:auto_play来启用和禁用自动播放功能。现在将auto_play属性指定成true后，PowerImageView上就不会再显示一个播放按钮，而是会循环地自动播放动画。不仅如此，PowerImageView还继承了ImageView原生的所有功能，只要指定的不是GIF图 片，PowerImageView表现的结果就和ImageView完全一致，现在我们来放一张普通的PNG图片，修改 activity_main.xml中的代码，如下所示：

<relativelayout p=""

android:layout_width="match_parent"

android:layout_height="match_parent" >

<com.example.powerimageviewtest.powerimageview p=""

android:id="@+id/image_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:src="@drawable/myphoto"

/>

这里在src属性里面指定了一张名字为myphoto的PNG图片,图片在布局正中央显示出来了，正是普通ImageView所具备的功能。我们还可以在PowerImageView中指定android:scaleType等属性，用法和原生的ImageView完全一样。

⑸ Android 制作逐渐显示动画(描边动画、矢量动画VectorDrawble)

Android 系统从5.0开始支持矢量图，可以通过 Android Studio自带的 Vector Assert 工具将SVG、PSD 转成VectorDrawble。

转化好的VectorDrawblew看起来好像挺复杂，是不是完全看不懂。没关系，只要转化的图形没有问题，你不用关心其内部数据。

我们直接进入矢量动画部分。

矢量动画的实现通过在xml定义<animated-vector>标签（其对应的Java对象是AnimatedVectorDrawable）实现，如下所示：

可以看到<animated-vector>标签是主要元素是target，它其实就起到一个桥梁作用，将动画和VectorDraw中的图形联系起来。

比如target1，它将属性动画splash_animator_draw和vectorDrawble对象中name等于line1的对象联系起来，即：动画将生效在line1对象上。

之前展示了由svg图片通过Android Studio Vector Assert工具转换过来的VectorDrawble，里面的实际上svg画图语法，<path>标签里的pathData包含了画图的路径(坐标)和语法

在实际使用过程中有几率遇到这样两个问题(笔者都遇到过)：

其实以上两个问题都要求你掌握进阶知识，svg画图语法。

官方svg语法解析： https://www.w3.org/TR/SVG/paths.html
不喜欢看英文，去这篇博客： http://www.jianshu.com/p/a3cb1e23c2c4

对于Android程序员，Lottie的动画使用很简单，步骤如下：

1.接入Lottie

从动画实现上来说，Lottie动画应该是最简单的方法了。

Lottie的优点很明显：

Lottie的缺点：

好了，如果觉得本文对你有帮助，请关注、留言、点赞我，谢谢！

⑹ Android 动画详解

  android中酷炫的效果，都离不开动画的支持。这里我们详细介绍一下android中动画的分类。android的中动画分为帧动画、补间动画、属性动画。原理各不相同，实现的效果也大不相同。下面一一讲解三种动画。

  帧动画顾名思义就是通过顺序一帧一帧播放图片从而产生动画效果，效果类似放电影。该动画缺点比较明显，就是如果图片过大过多会导致OOM。帧动画xml文件放置在drawable目录下而非anim文件夹下。

  补间动画是通过对view进行旋转、缩放、渐变、透明度变化，而达到的一种动画效果。是一种渐进式动画。并且可以通过组合以上四种操作，完成复杂的自定义动画效果。缺点就是只是改变的view的展示状态，但是不会改变view的位置。例如我们将一个button通过位移想左移动100dp，然后停留在终点。但是我们可以发现展示的位置button点击无效果，不可以交互。而在button原始位置空白的地方点击会触发button的点击效果。也就是button本质还是在原来位置，只是展示左移了100dp。

透明度动画，通过改变view的透明度展示动画。对应AlphaAnimation和<alpha>xml标签

缩放动画，通过修改view的大小展示动画。对应ScaleAnimation类和<scale>xml表情

通过旋转view展示动画。对应RotateAnimation类和<rotate>xml标签

平移动画，更改view的展示位置展示动画。对应TranslateAnimation类和<translate>xml表情

应用动画xml配置

使用java类配置动画，具体参数类同xml参数，建议使用xml配置动画

  属性动画本质是通过改变对象的属性(例如：x,y等属性)，来实现动画的，所以基本上是无所不能的，只要对象有这个属性，就能实现动画效果。属性动画是在api11的新特性，通过动态的改变view的属性从而达到动画效果。虽然可以使用nineoldandroid库向下兼容，但是兼容本质是使用补间动画完成，也就是说不会更改view的属性，也不会更改view的位置。属性动画比较常用的类： ValueAnimator、ObjectAnimator、AnimationSet，其中ObjectAnimator是ValueAnimator的子类，而AnminationSet是动画集合

动画配置同样可以使用xml配置，参数类似，这里不做详细说明。

根据时间流逝百分比计算当前属性改变百分比。同xml配置动画中的 android:interpolator 属性配置，常见有LinearInterpolator（线性差值器）、（加速减速差值器）
等。自定义需要实现 Interpolator 或者 TimeInterpolator 。Interpolator接口继承TimeInterpolator。

根据当前属性改变百分比计算改变后的属性值。属性动画特有的属性。自定义估值器需要实现 TypeEvaluator 接口。

可以对任意属性做属性动画，属性动画要求动画作用的对象提供该属性的get()和set()方法。因为属性动画本质就是根据外界传递的对象属性的初始值和终点值，然后根据估值器和差值器计算属性值，不断调用属性的set方法，通过时间的推移所传递的值，越来越近终点值。
注意：

使用ValueAnimator通过监听动画过程，自己改变对象属性完成动画

⑺ Android动画之ViewPropertyAnimator（专用于view的属性动画）

属性动画对比原来的视图动画有很多的优点，属性动画可以对所有的对象做动画操作，但Android开发中需要做动画最多的还是View，如果只是对一个view做动画，很少的几个属性还行，如果是对同一个view的十几个属性同时做动画，相信属性动画的写法是比较繁琐的。ViewPropertyAnimator从名字就可以看出是专用于View的属性动画，在API12被提供。ViewPropertyAnimator专用于操作View动画，语法更加简洁，使用更加方便。
developer： https://developer.android.google.cn/reference/android/view/ViewPropertyAnimator

如何获取ViewPropertyAnimator 对象：
ViewPropertyAnimator 没有构造函数，通过View.animate()方法可以方便的获取ViewPropertyAnimator 对象，此时获取的动画对象就专用于操作当前view。

setDuration(); //设置动画时长
setInterpolator(); //设置插值器
setStartDelay(); //设置延迟开始时间
start(); //立刻开始动画
cancel(); //取消动画

明显看到图片先往下走了一段，然后向左的动画才开始执行。

链式操作
ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(2000).translationY(300).scaleX(0.5f);

以上函数的执行，会导致相同动画的cancle，以上函数都是除了坐标相关都是以view左上角为坐标原点。

方法都比较简单，下面距几个列子：

首先利用translationX，translationXBy来区分By的意义：
ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).translationY(300);

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).translationYBy(300);

translationYBy 可以多次移动View，translationY多次执行没有效果。

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(3000).x(100).y(100);

ViewPropertyAnimator viewPropertyAnimator = gongxiang.animate().setDuration(2000).rotation(270);

据观察withEndAction相当于动画开始，withStartAction相当于动画结束。

可以看到可以添加setUpdateListener监听，但无法通过这个监听函数监听到当前动画的信息，所以这个监听函数可能用处不大。

Animation动画概述和执行原理
Android动画之补间动画TweenAnimation
Android动画之逐帧动画FrameAnimation
Android动画之插值器简介和系统默认插值器
Android动画之插值器Interpolator自定义
Android动画之视图动画的缺点和属性动画的引入
Android动画之ValueAnimator用法和自定义估值器
Android动画之ObjectAnimator实现补间动画和ObjectAnimator自定义属性
Android动画之ObjectAnimator中ofXX函数全解析-自定义Property，TypeConverter，TypeEvaluator
Android动画之AnimatorSet联合动画用法
Android动画之LayoutTransition布局动画
Android动画之共享元素动画
Android动画之ViewPropertyAnimator（专用于view的属性动画）
Android动画之Activity切换动画overridePendingTransition实现和Theme Xml方式实现
Android动画之ActivityOptionsCompat概述
Android动画之场景变换Transition动画的使用
Android动画之Transition和TransitionManager使用
Android动画之圆形揭露动画Circular Reveal
Android 动画之 LayoutAnimation 动画
Android动画之视图动画的缺点和属性动画的引入

⑻ 吐血总结【Android动画】必知必会

通过AnimationListener可以监听Animation的运行过程，有三个方法分别是Animation开始的时候调用，完成的时候调用，重复的时候调用。
AnimationSet，动画集合。 我们最常用的是调用其 addAnimation 将一个个不一样的动画组织到一起来，然后调用view 的 startAnimation 方法触发这些动画执行。

setAnimation是告诉该控件我待会要执行什么动画，而要执行的的动画，是需要手动添加的。并且需要父view在动画快要开启的时候，调用invalidate。需要一定的条件限制。
而startAnimation告诉该控件，我要立马执行该动画，该动画就是已经设置好的动画。调用它时就会立即开始动画。

参看这篇文章： Android动画之Interpolator插补器和TypeEvaluator估值器

Property Animation提供了Animator.AnimatorListener和Animator.AnimatorUpdateListener两个监听器用于动画在播放过程中的重要动画事件。下面是两个监听器接口和方法的一些介绍和说明：

上面讲到ViewAnimation有许多xml加载，当然PropertyAnimation也可以对应xml加载，位置为 res/animator/
animator.xml

调用就用到了AnimatorInflater类了

组合动画也可以xml加载

在 Android 3.0 中给 View 增加了一些新的属性以及相应的 getter、setter 方法。Property Animation系统可以通过修改 View 对象实际的属性值来实现屏幕上的动画效果。此外，当属性值发生变化时，Views 也会自动调用 invalidate() 方法来刷新屏幕。 View 类中新增的便于实现 property 动画的属性包括：

1 . 第一个参数：设置目标对象，即操纵的view
2 . 第二个参数：设置操作的动画的属性值（见上面讲解的动画属性值）
3 . 第三个参数：可变数组参数 （初始值，中间值，结束值）。可以有一个到N个，如果是一个值的话默认这个值是动画过渡值的结束值。如果有N个值，动画就在这N个值之间过渡。

针对同一个对象多个属性，同时作用多种动画

可以调用其playTogether（同时执行）、playSequentially（顺序执行）、play、before、with、after 等方法设置动画的执行顺序，然后调用其start 触发动画执行。

Android 3.0后，谷歌给View增加animate方法直接驱动属性动画。

⑼ Android加载PAG动画使用

设计师文档开发者文档（Android 、iOS、 Web、Windows、macOS、Linux ）皆在该链接中 ：  PAG 官网

使用参照demo： Android 运行 PAG动画 Demo  .zip