android 控件动画基础

最新推荐文章于 2024-04-06 05:15:29 发布
最新推荐文章于 2024-04-06 05:15:29 发布
阅读量439 收藏 1
点赞数
分类专栏： 小知识点 文章标签： 控件动画 补间动画 帧动画 android动画 属性动画


android控件的动画分为三种：property animation，tween animation，frame animation，这三种动画模式在SDK中被称为property animation,view animation,drawable animation。


Ⅰ： View Animation（Tween Animation）：

补间动画，给出两个关键帧，通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变。
它只是改变了View对象的绘制，而没有改变View对象本身.

分为以下四种动画:

① AlphaAnimation

渐变动画，主要控制透明度变化动画类，常使用AlphaAnimation(float fromAlpha, float toAlpha)来构造；


fromAlpha：动画开始时的透明度（取值范围为0.0到1.0）；
toAlpha：动画结束时的透明度；
duration：持续时间（单位：毫秒）

② ScaleAnimation

主要控制尺度变化的动画类，常使用ScaleAnimation(float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)来构造；

fromX：动画开始X坐标上的伸缩尺度；
toX：动画结束X坐标上的伸缩尺度；
fromY：动画开始Y坐标上的伸缩尺度；
toY：动画结束Y坐标上的伸缩尺度；
pivotXType：X坐标上的伸缩模式，取值有：Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, Animation.RELATIVE_TO_PARENT；
pivotXValue：X坐标上的伸缩值；
pivotYType：Y坐标上的伸缩模式，取值有：Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, Animation.RELATIVE_TO_PARENT；
pivotYValue：Y坐标上的伸缩值；
duration：持续时间(单位：毫秒)

③ TranslateAnimation

主要控制位置变换的动画实现类，常使用TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)来构造；

fromXDelta：动画开始的X坐标；
toXDelta：动画结束的X坐标；
fromYDelta：动画开始的Y坐标；
toYDelta：动画结束的Y坐标；
duration：持续时间（单位：毫秒）

④ RotateAnimation

主要控制旋转的动画实现类，常使用RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)来构造；

fromDegrees：旋转开始角度；
toDegrees：旋转结束角度；
pivotXType, pivotXValue, pivotYType, pivotYValue与尺度变化动画ScaleAnimation类似；
duration：持续时间（单位：毫秒）

注意：

   1. 没有指定， 默认是以自己为相对参照物。

        在这些属性里面还可以加上%和p,例如:

        android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。

        android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。

        还可以是绝对的单位

  2. 默认情况下，所有动画是同时进行的，可以通过startOffset属性设置各个动画的开始偏移（开始时间，单位：毫秒）来达到动画顺序播放的效果。

  3. 可以通过设置interpolator属性改变动画渐变的方式，如AccelerateInterpolator，开始时慢，然后逐渐加快。默认为AccelerateDecelerateInterpolator。

接下来讲一讲translate的几个重要的属性：
android:interpolator: 加速器，非常有用的属性，可以简单理解为动画的速度，可以是越来越快，也可以是越来越慢，
或者是先快后忙，或者是均匀的速度等等，对于值如下：


 
 
  1. @android:anim/accelerate_interpolator： 越来越快  
  2. @android:anim/decelerate_interpolator：越来越慢  
  3. @android:anim/accelerate_decelerate_interpolator：先快后慢  
  4. @android:anim/anticipate_interpolator: 先后退一小步然后向前加速  
  5. @android:anim/overshoot_interpolator：快速到达终点超出一小步然后回到终点  
  6. @android:anim/anticipate_overshoot_interpolator：到达终点超出一小步然后回到终点  
  7. @android:anim/bounce_interpolator：到达终点产生弹球效果，弹几下回到终点  
  8. @android:anim/linear_interpolator：均匀速度。 

定义好动画的XML文件后，可以通过类似下面的代码对指定View应用动画。 

ImageView spaceshipImage = (ImageView)findViewById(R.id.spaceshipImage);
Animation hyperspaceJumpAnimation=AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
spaceshipImage.startAnimation(hyperspaceJumpAnimation);

Ⅱ： Drawable Animation（Frame Animation）

Drawable Animation（Frame Animation）：帧动画，就像GIF图片，通过一系列Drawable依次显示来模拟动画的效果。通过给控件设置setBackgroundResource实现,在XML中的定义方式如下： 

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true"> //是否只播放一次
    <item android:drawable="@drawable/1" android:duration="200" />
    <item android:drawable="@drawable/2" android:duration="200" />
    <item android:drawable="@drawable/t3" android:duration="200" />
</animation-list>
//必须以<animation-list>为根元素，以<item>表示要轮换显示的图片，duration属性表示各项显示的时间。XML文件要放在/res/drawable/目录下

        imageView = (ImageView) findViewById(R.id.imageView);
        imageView.setBackgroundResource(R.drawable.drawable_anim);
        anim = (AnimationDrawable) imageView.getBackground();
	anim.start();

Ⅲ： Property Animation

属性动画，它更改的是对象的实际属性，在Tween Animation，其改变的是View的绘制效果，真正的View的属性保持不变，比如无论你在对话中如何缩放Button的大小，Button的有效点击区域还是没有应用动画时的区域，其位置与大小都不变。而在Property Animation中，改变的是对象的实际属性，如Button的缩放，Button的位置与大小属性值都改变了。而且Property Animation不止可以应用于View，还可以应用于任何对象。Property Animation只是表示一个值在一段时间内的改变，当值改变时要做什么事情完全是你自己决定的.

在Property Animation中，可以对动画应用以下属性：
Duration：动画的持续时间
TimeInterpolation：插值器
TypeEvaluator：计算方式,根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值
Repeat Count and behavoir：重复次数与方式
Animation sets：动画集合，即可以同时对一个对象应用几个动画，这些动画可以同时播放也可以对不同动画设置不同开始偏移
Frame refreash delay：多少时间刷新一次，即每隔多少时间计算一次属性值，默认为10ms，最终刷新时间还受系统进程调度与硬件的影响。

Property Animation的工作方式

ValueAnimator 表示一个动画，包含动画的开始值，结束值，持续时间等属性。
ValueAnimator封装了一个TimeInterpolator，TimeInterpolator定义了属性值在开始值与结束值之间的插值方法。
ValueAnimator还封装了一个TypeAnimator，根据开始、结束值与TimeIniterpolator计算得到的值计算出属性值。
ValueAnimator根据动画已进行的时间跟动画总时间（duration）的比计算出一个客观时间比例（0~1），然后根据TimeInterpolator计算出插值后的时间因子，最后TypeAnimator通过这个因子计算出属性值
对于ValueAnimator有两种监听

Animator.AnimatorListener(可通过继承AnimatorListenerAdapter简化操作,该抽象类为接口的空实现)
onAnimationStart()
onAnimationEnd()
onAnimationRepeat()
//当动画被取消时调用，同时会调用onAnimationEnd().
onAnimationCancel()

ValueAnimator.AnimatorUpdateListener

onAnimationUpdate()　　//通过监听这个事件在属性的值更新时执行相应的操作，对于ValueAnimator一般要监听此事件执行相应的动作，不然Animation没意义，在ObjectAnimator（继承自ValueAnimator）中会自动更新属性，如无必要不必监听。在函数中会传递一个ValueAnimator参数，通过此参数的getAnimatedValue()取得当前动画属性值。

ObjectAnimator

继承自ValueAnimator，要指定一个对象及该对象的一个属性，当属性值计算完成时自动设置为该对象的相应属性，即完成了Property Animation的全部两步操作。实际应用中一般都会用ObjectAnimator来改变某一对象的某一属性，但用ObjectAnimator有一定的限制，要想使用ObjectAnimator，应该满足以下条件：
对象应该有一个setter函数：set（驼峰命名法）

1
2
3
4
5
6
7
8
9
10
 
tv=(TextView)findViewById(R.id.textview1);
btn=(Button)findViewById(R.id.button1);
btn.setOnClickListener(new OnClickListener() {
　　@Override
　　public void onClick(View v) {
　　　　ObjectAnimator oa=ObjectAnimator.ofFloat(tv, "alpha", 0f, 1f);
　　　　oa.setDuration(3000);
　　　　oa.start();
　　}
});
如上面的例子中，像ofFloat之类的工场方法，第一个参数为对象名，第二个为属性名，后面的参数为可变参数，如果values…参数只设置了一个值的话，那么会假定为目的值，属性值的变化范围为当前值到目的值，为了获得当前值，该对象要有相应属性的getter方法：get<PropertyName>
如果有getter方法，其应返回值类型应与相应的setter方法的参数类型一致。

如果上述条件不满足（即没有get方法和set方法），则不能用ObjectAnimator，应用ValueAnimator代替。根据应用动画的对象或属性的不同，可能需要在onAnimationUpdate函数中调用invalidate()函数刷新视图。

AnimationSet

AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。

1
2
3
4
5
6
 
AnimatorSet bouncer = new AnimatorSet();
bouncer.play(anim1).before(anim2);
bouncer.play(anim2).with(anim3);
bouncer.play(anim2).with(anim4)
bouncer.play(anim5).after(amin2);
animatorSet.start();

TypeEvalutors

根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值，android提供了以下几个evalutor：
IntEvaluator：属性的值类型为int；
FloatEvaluator：属性的值类型为float；
ArgbEvaluator：属性的值类型为十六进制颜色值；
TypeEvaluator：一个接口，可以通过实现该接口自定义Evaluator。
自定义TypeEvalutor很简单，只需要实现一个方法，如FloatEvalutor的定义：

1
2
3
4
5
6
 
public class FloatEvaluator implements TypeEvaluator {
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        float startFloat = ((Number) startValue).floatValue();
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
    }
}

TimeInterplator

AccelerateInterpolator　　　　　     加速，开始时慢中间加速
DecelerateInterpolator　　　 　　   减速，开始时快然后减速
AccelerateDecelerateInterolator　   先加速后减速，开始结束时慢，中间加速
AnticipateInterpolator　　　　　　  反向 ，先向相反方向改变一段再加速播放
AnticipateOvershootInterpolator　   反向加回弹，先向相反方向改变，再加速播放，会超出目的值然后缓慢移动至目的值
BounceInterpolator　　　　　　　  跳跃，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100
CycleIinterpolator　　　　　　　　 循环，动画循环一定次数，值的改变为一正弦函数：Math.sin(2 * mCycles * Math.PI * input)
LinearInterpolator　　　　　　　　 线性，线性均匀改变
OvershottInterpolator　　　　　　  回弹，最后超出目的值然后缓慢改变到目的值
TimeInterpolator　　　　　　　　   一个接口，允许你自定义interpolator，以上几个都是实现了这个接口

LayoutTransition

Property animation系统还提供了对ViewGroup中的View改变加入动画的功能。当有子元素可见性改变时(VISIBLE、GONE)，可以向其应用动画，通过LayoutTransition类应用此类动画：
container.setLayoutTransition(mTransitioner);
mTransitioner.setAnimator(LayoutTransition.DISAPPEARING, customDisappearingAnim);
通过setAnimator应用动画，第一个参数表示应用的情境，可以以下4种类型：
APPEARING　　　　　　　　当一个元素在其父元素中变为Visible时对这个元素应用动画
CHANGE_APPEARING　　　 当一个元素在其父元素中变为Visible时，因系统要重新布局有一些元素需要移动，对这些要移动的元素应用动画
DISAPPEARING　　　　　　 当一个元素在其父元素中变为GONE时对其应用动画
CHANGE_DISAPPEARING　 当一个元素在其父元素中变为GONE时，因系统要重新布局有一些元素需要移动，这些要移动的元素应用动画.
第二个参数为一Animator。
mTransitioner.setStagger(LayoutTransition.CHANGE_APPEARING, 30);
此函数设置动画延迟时间，参数分别为类型与时间。

Keyframes

keyFrame是一个 时间/值 对，通过它可以定义一个在特定时间的特定状态，即关键帧，而且在两个keyFrame之间可以定义不同的Interpolator，就好像多个动画的拼接，第一个动画的结束点是第二个动画的开始点。KeyFrame是抽象类，要通过ofInt(),ofFloat(),ofObject()获得适当的KeyFrame，然后通过PropertyValuesHolder.ofKeyframe获得PropertyValuesHolder对象，如以下例子：

1
2
3
4
5
6
7
8
 
Keyframe kf0 = Keyframe.ofInt(0, 400);
Keyframe kf1 = Keyframe.ofInt(0.25f, 200);
Keyframe kf2 = Keyframe.ofInt(0.5f, 400);
Keyframe kf4 = Keyframe.ofInt(0.75f, 100);
Keyframe kf3 = Keyframe.ofInt(1f, 500);
PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe("width", kf0, kf1, kf2, kf4, kf3);
ObjectAnimator rotationAnim = ObjectAnimator.ofPropertyValuesHolder(btn2, pvhRotation);
rotationAnim.setDuration(2000);

上述代码的意思为：设置btn对象的width属性值使其：
开始时 Width=400
动画开始1/4时 Width=200
动画开始1/2时 Width=400
动画开始3/4时 Width=100
动画结束时 Width=500




jkdev
关注
专栏目录
装饰你的APP：使用Lottie-Android创建动画效果
轻描时光
03-06 477
Lottie-Android是一个强大的开源库，由Airbnb开发，旨在帮助开发者轻松地在Android应用中添加高质量的动画效果。它基于Adobe After Effects软件中的Bodymovin插件，通过解析导出的JSON文件来渲染并播放复杂的矢量动画。Lottie-Android提供了许多令人印象深刻的功能和优点。首先，它支持从After Effects导出的JSON文件，这意味着设计师可以直接将他们创建的动画效果转化为Lottie可用的格式，而无需重新制作或重新编码动画。
android 控件设置动画效果,android 控件显示和隐藏时增加动画效果
weixin_42365334的博客
05-25 1389
在布局中提供属性,能简单的添加动画效果,如下:...animateLayoutChanges="true"... />当对布局中的view添加删除,隐藏或显示, 都会有一个淡入淡出,和位移动画.这是个默认动画 从网上搜到的方法基本都是这个，虽然能够实现动画效果，只是不知道该如何自定义动画效果。后来想到在做项目时用到的viewswitcher控件能够实现子控件显示和消失的动画效果，对其进行改造...
android Tween动画 （二）
chenghai2011的专栏
01-17 1835
插值器 首先要了解为什么需要插值器，因为在补间动画中，我们一般只定义关键帧（首帧或尾帧），然后由系统自动生成中间帧，生成中间帧的这个过程可以成为“插值”。插值器定义了动画变化的速率，提供不同的函数定义变化值相对于时间的变化规则，可以定义各种各样的非线性变化函数，比如加速、减速等。下面是几种常见的插值器： Interpolator对象 资源ID 功能作用 Acc
android 各类动画
tanranran的专栏
02-05 859
android 控件动画基础 By CoderRobin   contents 1. Tween Animation 1.1. AlphaAnimation1.2. ScaleAnimation1.3. TranslateAnimation1.4. RotateAnimation 2. Drawable Animation（Frame Animation）3. Pr
Android 组件动画
假装你是大灰狼的专栏
08-22 1018
1. 组件动画 设置ViewGroup的layoutAnimation属性，指定组件动画配置。 android:layoutAnimation=&amp;amp;amp;amp;amp;amp;quot;@anim/anim_layout_animation&amp;amp;amp;amp;amp;amp;quot; 配置属性 delay，动画播放延迟时间 animationOrder，子控件播放动画顺序。animationOrder的值为normal、re
Android 安卓动画 属性动画 - 组合动画(1)，android插件化框架
最新发布
2401_84149619的博客
04-06 599
（包括Java在Android开发中应用、APP框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。框架知识体系、高级UI、全方位性能调优，NDK开发，音视频技术，人工智能技术，跨平台技术等技术资料），希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。android:text=“点击演示动画”android:text=“《魁拔》”
android 控件动画
10-08
此demo实现了android控件的动画效果，包括列表的浮现和图像的浮现、渐隐
Android控件动画
u013598111的专栏
11-07 456
圆周轨迹动画： protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ImageView image = (ImageView) this.findViewById
Android控件实现直播App点赞飘心动画
01-04
今天自己就针对点赞功能敲了一下，代码不多，主要是涉及到动画运动轨迹运算，这里需借助 贝塞尔曲线 相关知识，我使用三阶贝塞尔曲线来实现轨迹动画。 运行效果 一、具体实现流程 仔细分析整个点赞过程可以发现，...
Android 控件动画
qq_39791678的博客
10-26 434
private void moveLine(ImageView imageView, float fromX, float toX, float fromY, float toY) { AnimationSet animationSet = new AnimationSet(true); final TranslateAnimation animation = new TranslateAnima...
uniapp原生插件之安卓SVGA动画原生插件
夜中雨滴的专栏
11-04 431
安卓SVGA插件是原生组件式插件，支持SVGA动画文件格式播放，支持网络地址播放。
Android代码-一个小型的动画库，让你的文字有个漂亮的显示（比如：家家，我要和你生猴子之类）
08-06
TextSurface A little animation framework which could help you to show message in a nice looking way. Usage Create TextSurface instance or add it in your layout. Create Text instancies with TextBuilder defining appearance of text and position: Text textDaai = TextBuilder .create("Daai") .setSize(64) .setAlpha(0) .setColor(Color.WHITE) .setPosition(Align.SURFACE_CENTER).build(); Create animations and pass them to the TextSurface instance:textSurface.pl
android中常用动画控件代码集锦
07-08
android中常用动画demo搜集集合(包含源码),没事可以自己模仿着写一些小demo玩玩
Android Lottie动画使用
2401_84010702的博客
04-03 1012
说一千道一万，不如自己去行动。要想在移动互联网的下半场是自己占有一席之地，那就得从现在开始，从今天开始，马上严格要求自己，既重视业务实现能力，也重视基础和原理。基础夯实好了，高楼才能够平地而起，稳如泰山。最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2020-2021面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。还有。
Android项目集成Lottie动画组件教程
swsbty的博客
12-25 1631
步骤教程给AE添加Bodymovin插件Github下载Bodymovin使用ZXP Installer安装Bodymovin插件使用Bodymovin导出AE动画Android项目引入LottieAndroid项目使用Lottie 给AE添加Bodymovin插件 AE是Adobe After Effects，一款动画设计软件。 Bodymovin是AE的一款插件，可以将AE的动画导出为json文件。 Github下载Bodymovin 下载地址：https://github.com/bigxixi/bo
Android控件Tween动画(补间动画)实现方法示例
08-29
Android 控件 Tween 动画（补间动画）实现方法示例 Android 控件 Tween 动画（补间动画），也称补间动画，是一种将控件对象不断进行图像变化以产生旋转、平移、放缩和渐变等动画效果的动画类型。下面是 Android ...
Android 控件位移动画
ZachRecord的博客
05-27 1645
前面分享了一些开源动画，又是引用库，又是设置一些东西，但是在实际项目运用中多多少少还是有些出入的。不过没关系，人家的创作是思想是没毛病的，咱可以看看效果然后自己去写一个。可能我个人比较懒，就喜欢工具类，点一个方法就搞定。 老规矩，做记录，闲话不多说！先来看看效果 这是一个位移动画，到项目中还是实用的，可以自行UI修改处理。 上代码 一、弹出动画（不管它从哪里弹出，反正就是可以上下左右弹出） private void showAnimation() { //获...
Android——View动画
FranzLiszt的博客
03-16 2066
实现效果：通过View动画把一个Button控件旋转360度，平移，设置透明度实现一个简单的动画效果 文件名可以自定义 res/anim/xxx.xml 以下为静态添加 <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" android:duration="3000"> <!--xy分别从0平移到100--> <trans
Android控件显示、隐藏时，增加动画效果(1)
2301_77595001的博客
04-04 767
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。
android控件之间的过渡动画效果,一款安卓非线性动画插件，仿苹果ios过渡动画效果...
weixin_31940835的博客
05-25 7744
IOS的全局非线性动画过渡流畅自然，虽然现在很多安卓手机都用上了非线性动画，但安卓过渡动画达到ios效果还是差点味道，所以下面为大家分享一款安卓非线性动画插件的软件，提升手机动画的流畅度。相信用过苹果和安卓的用户都有这样的体验，不管安卓手机配置如何动画比起iOS系统来总是差那么意思，哪怕现如今安卓还全面进入到了高刷的时代，视觉上确实流畅了不少不过部分动画依然没有自然。其实造成这种流畅感原因当然是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值