Android动画 使用详解
Posted wangjie1990
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android动画 使用详解相关的知识,希望对你有一定的参考价值。
极力推荐文章:欢迎收藏
Android 干货分享
阅读五分钟,每日十点,和您一起终身学习,这里是程序员android
本篇文章主要介绍 Android
开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:
- 帧动画 使用详解
- 补间动画 使用详解
- 属性动画 使用详解
动画在Android 开发中经常会被用到,好的动画效果可以达到事半功倍的效果。
动画分类:
- 帧动画
- 补间动画
- 属性动画
1. 帧动画 使用详解
- a. 在xml 声明帧动画播放时长等
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:drawable="@drawable/bird0001_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0002_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0003_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0004_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0005_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0006_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0007_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0008_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0009_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0010_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0011_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0012_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0013_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0014_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0015_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0016_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0017_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0018_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0019_risk"
android:duration="80"/>
<item
android:drawable="@drawable/bird0020_risk"
android:duration="80"/>
</animation-list>
- b. 在控件中引用定义的帧动画 xml文件
<ImageView
android:id="@+id/img"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_gravity="center_horizontal"
android:background="@anim/frame_animation" />
2. 补间动画 使用详解
补间动画也是Android中常用的动画之一,相对属性动画来说,补间动画的点击事件午饭跟着动画的位置变化而变化。后续将逐渐被属性动画替代。
补间动画分类:
- 透明动画 AlphaAnimation
- 旋转动画 ScaleAnimation
- 缩放动画 RotateAnimation
- 平移动画 TranslateAnimation
- 动画集合 AnimationSet
- XML 实现动画效果
1. 透明动画
- AlphaAnimation
/**
* 透明度动画AlphaAnimation 从不透明到完全透明
* **/
// 起始透明度 到结束透明度 不透明到透明(1f-0f)
AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
// 动画执行时间
alphaAnimation.setDuration(4000);
// 设置重复次数
alphaAnimation.setRepeatCount(2);
// 重复模式
alphaAnimation.setRepeatMode(Animation.RESTART);
// alphaAnimation.setRepeatMode(Animation.REVERSE);
// 保持结束时候的状态
alphaAnimation.setFillAfter(true);
mImageView.startAnimation(alphaAnimation);
2. 旋转动画
- RotateAnimation
/**
* 旋转动画RotateAnimation,旋转360度
**/
RotateAnimation rotateAnimation = new RotateAnimation(0, 360);
rotateAnimation.setDuration(2000);
rotateAnimation.setRepeatCount(2);
mImageView.startAnimation(rotateAnimation);
3. 缩放动画
- ScaleAnimation
/**
* 缩放动画 ScaleAnimation使用方法 缩放2倍
* */
ScaleAnimation scaleAnimation = new ScaleAnimation(1, 2, 1, 2);
scaleAnimation.setDuration(2000);
scaleAnimation.setRepeatCount(2);
scaleAnimation.setRepeatMode(Animation.RESTART);
mImageView.startAnimation(scaleAnimation);
4. 平移动画
- TranslateAnimation
/***
* 平移动画TranslateAnimation 从x,y 轴 从(0,0)平移到(300,200) *
**/
TranslateAnimation translateAnimation = new TranslateAnimation(0,
300.f, 0, 200.f);
translateAnimation.setDuration(2000);
translateAnimation.setRepeatCount(2);
translateAnimation.setRepeatMode(Animation.RESTART);
mImageView.startAnimation(translateAnimation);
5. 动画集合
- AnimationSet
/***
* 动画集合使用效果如下:
* ***/
AnimationSet sets = new AnimationSet(true);
AlphaAnimation alphaAnimation1 = new AlphaAnimation(0.0f, 1.0f);
TranslateAnimation translateAnimation1 = new TranslateAnimation(0,
100.f, 0, 100.f);
RotateAnimation rotateAnimation1 = new RotateAnimation(0, 360);
ScaleAnimation scaleAnimation1 = new ScaleAnimation(1, 2, 1, 2);
// 将动画添加到set集合中
sets.addAnimation(alphaAnimation1);
sets.addAnimation(translateAnimation1);
sets.addAnimation(rotateAnimation1);
sets.addAnimation(scaleAnimation1);
sets.setDuration(4000);
sets.setRepeatCount(2);
sets.setRepeatMode(Animation.RESTART);
mImageView.startAnimation(sets);
6. XML 实现动画效果
- 1.动画的XML文件所属的res/anim/hyperspace_jump.xml
<set android:shareInterpolator="false">
<scale
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXScale="1.0"
android:toXScale="1.4"
android:fromYScale="1.0"
android:toYScale="0.6"
android:pivotX="50%"
android:pivotY="50%"
android:fillAfter="false"
android:duration="700" />
<set android:interpolator="@android:anim/decelerate_interpolator">
<scale
android:fromXScale="1.4"
android:toXScale="0.0"
android:fromYScale="0.6"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="700"
android:duration="400"
android:fillBefore="false" />
<rotate
android:fromDegrees="0"
android:toDegrees="-45"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="700"
android:duration="400" />
</set>
</set>
- 2.为图片Load 动画xml文件
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
spaceshipImage.startAnimation(hyperspaceJumpAnimation);
3. 属性动画 使用详解
属性动画点击事件可以随位置到改变而改变
属性动画关键类如下:
- ValueAnimator
- ObjectAnimator
- TypeEvaluator
1. ValueAnimator
使用方法如下:
ValueAnimator animation = ValueAnimator.ofFloat(0f, 100f);
animation.setDuration(1000);
animation.start();
2. ObjectAnimator
使用方法如下:
ObjectAnimator animation = ObjectAnimator.ofFloat(textView, "translationX", 100f);
animation.setDuration(1000);
animation.start();
属性动画分类:
- 透明动画 alpha
- 旋转动画 rotation
- 缩放动画 scaleX
- 平移动画 translationX
- 动画集合 AnimatorSet
- 动画监听事件 addListener
1. 透明动画
- alpha
/**
* alpha 透明动画 1.属性动画作用在谁身上 2.属性名称 3.属性的变化范围值 透明值
* **/
ObjectAnimator alphaanimator = ObjectAnimator.ofFloat(mImageView,
"alpha", 0, 1.0f);
alphaanimator.setDuration(4000);
alphaanimator.setRepeatCount(2);
alphaanimator.start();
2. 旋转动画
- rotation
/**
* 旋转动画 rotation
* */
ObjectAnimator rotationanimator = ObjectAnimator.ofFloat(mImageView,
"rotation", 0, 360);
rotationanimator.setDuration(2000);
rotationanimator.setRepeatCount(2);
rotationanimator.setRepeatMode(Animation.RESTART);
rotationanimator.start();
3. 缩放动画
- scaleX
/**
* scaleX 缩放动画
*
* */
ObjectAnimator scaleXanimator = ObjectAnimator.ofFloat(mImageView,
"scaleX", 0, 2);
scaleXanimator.setDuration(2000);
scaleXanimator.setRepeatCount(2);
scaleXanimator.setRepeatMode(Animation.RESTART);
scaleXanimator.start();
4. 平移动画
- translationX
/**
* translationX平移动画
*
* */
ObjectAnimator translationanimator = ObjectAnimator.ofFloat(mImageView,
"translationX", 0, 200f);
translationanimator.setDuration(2000);
translationanimator.setRepeatCount(2);
translationanimator.setRepeatMode(Animation.RESTART);
translationanimator.start();
5. 动画集合
- AnimatorSet
/**
* 动画集合效果 rotation
* */
AnimatorSet animatorSet = new AnimatorSet();
ObjectAnimator animator1 = ObjectAnimator.ofFloat(mImageView, "alpha",
0, 1.0f);
ObjectAnimator animator2 = ObjectAnimator.ofFloat(mImageView,
"translationX", 0, 100f);
ObjectAnimator animator3 = ObjectAnimator.ofFloat(mImageView, "scaleX",
0, 3);
ObjectAnimator animator4 = ObjectAnimator.ofFloat(mImageView,
"rotation", 0, 90);
List<Animator> list = new ArrayList<Animator>();
// 将动画集合添加到list集合中
list.add(animator1);
list.add(animator2);
list.add(animator3);
list.add(animator4);
// 播放集合中的动画
animatorSet.playSequentially(list);
animatorSet.setDuration(2000);
animatorSet.start();
6. 动画监听事件
scaleXanimator.addListener(new AnimatorListenerAdapter()
@Override
public void onAnimationCancel(Animator animation)
super.onAnimationCancel(animation);
@Override
public void onAnimationEnd(Animator animation)
super.onAnimationEnd(animation);
@Override
public void onAnimationRepeat(Animator animation)
super.onAnimationRepeat(animation);
@Override
public void onAnimationStart(Animator animation)
super.onAnimationStart(animation);
@Override
public void onAnimationPause(Animator animation)
super.onAnimationPause(animation);
@Override
public void onAnimationResume(Animator animation)
super.onAnimationResume(animation);
);
至此,本篇已结束,如有不对的地方,欢迎您的建议与指正。同时期待您的关注,感谢您的阅读,谢谢!
以上是关于Android动画 使用详解的主要内容,如果未能解决你的问题,请参考以下文章