Android动画

最新推荐文章于 2024-07-25 22:24:14 发布
最新推荐文章于 2024-07-25 22:24:14 发布
阅读量102 收藏
点赞数
文章标签： 移动开发 java ui
原文链接：https://my.oschina.net/abnerxiao/blog/289907
版权

‍        Android动画可以通过XML文件配置，也可以直接在java代码中实现，常用的动画包括：谈入、谈出、缩放、旋转、上滑、下滑等。那么如何创建动画呢？‍

        1、创建定义动画的XML文件

        在res ⇒ anim目录下创建Animation类型XML文件

<!-- fade_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toAlpha="1.0" />
 
</set>

        2、加载动画

        在Activity中通过AnimationUtils调用loadAnimation方法加载XML动画文件

//FadeInActivity.java
public class FadeInActivity extends Activity{
 
    TextView txtMessage;
 
    // Animation
    Animation animFadein;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fadein);
 
        txtMessage = (TextView) findViewById(R.id.txtMessage);
 
        // load the animation
        animFadein = AnimationUtils.loadAnimation(getApplicationContext(),
                R.anim.fade_in);        
    }
}


        3、设置动画监听事件（可选）

        如果你想监听像动画开始、结束、重复等事件，加载动画的Activity必须实现AnimationListener接口，并实现：

        onAnimationStart：动画开始时触发

        onAnimationEnd：动画结束时触发

        onAnimationRepeat:重复执行动画时触发

class FadeInActivity extends Activity implements AnimationListener {
.
.
.
// set animation listener
animFadein.setAnimationListener(this);
.
.
.
// animation listeners
    @Override
    public void onAnimationEnd(Animation animation) {
        // Take any action after completing the animation
        // check for fade in animation
        if (animation == animFadein) {
            Toast.makeText(getApplicationContext(), "Animation Stopped",
                    Toast.LENGTH_SHORT).show();
        }
 
    }
 
    @Override
    public void onAnimationRepeat(Animation animation) {
        // Animation is repeating
    }
 
    @Override
    public void onAnimationStart(Animation animation) {
        // Animation started
    }

        4、最后执行动画

        你可以在任何时候通过UI空间调用startAnimation开始执行动画

// start the animation
txtMessage.startAnimation(animFadein);

        完整的代码

//FadeInActivity.java
package info.androidhive.androidanimations;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
 
public class FadeInActivity extends Activity implements AnimationListener {
 
    TextView txtMessage;
    Button btnStart;
 
    // Animation
    Animation animFadein;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fadein);
 
        txtMessage = (TextView) findViewById(R.id.txtMessage);
        btnStart = (Button) findViewById(R.id.btnStart);
 
        // load the animation
        animFadein = AnimationUtils.loadAnimation(getApplicationContext(),
                R.anim.fade_in);
         
        // set animation listener
        animFadein.setAnimationListener(this);
 
        // button click event
        btnStart.setOnClickListener(new View.OnClickListener() {
 
            @Override
            public void onClick(View v) {
                txtMessage.setVisibility(View.VISIBLE);
                 
                // start the animation
                txtMessage.startAnimation(animFadein);
            }
        });
 
    }
 
    @Override
    public void onAnimationEnd(Animation animation) {
        // Take any action after completing the animation
 
        // check for fade in animation
        if (animation == animFadein) {
            Toast.makeText(getApplicationContext(), "Animation Stopped",
                    Toast.LENGTH_SHORT).show();
        }
 
    }
 
    @Override
    public void onAnimationRepeat(Animation animation) {
        // TODO Auto-generated method stub
 
    }
 
    @Override
    public void onAnimationStart(Animation animation) {
        // TODO Auto-generated method stub
 
    }
 
}

重要的XML动画属性

        android:duration:动画播放完成所需要的时间

        android：startOffset：在动画执行之前所需要等待的时间，此属性主要用于以顺序的方式执行多个动画

        android:interpolator:动画变化的速度

        android:fillAfter:定义在动画完成后是否执行动画转换，设置为false在动画结束后回到之前的状态，这个属性需要用到<set>节点

        android:repeatMode:是否重复动画

        android：repeatCount：动画重新执行的次数，设置为infinite将无限次重复。

常用的android动画

淡入：

<!-- fade_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toAlpha="1.0" />
 
</set>

谈出：

<!-- fade_out.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <alpha
        android:duration="1000"
        android:fromAlpha="1.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toAlpha="0.0" />
 
</set>


交叉淡入淡出：

TextView txtMessage1, txtMessage2;
Animation animFadeIn, animFadeOut;
.
.
// load animations
animFadeIn = AnimationUtils.loadAnimation(getApplicationContext(),
                R.anim.fade_in);
animFadeOut = AnimationUtils.loadAnimation(getApplicationContext(),
                R.anim.fade_out);
.
.
// set animation listeners
animFadeIn.setAnimationListener(this);
animFadeOut.setAnimationListener(this);
 
.
.
// Make fade in elements Visible first
txtMessage2.setVisibility(View.VISIBLE);
 
// start fade in animation
txtMessage2.startAnimation(animFadeIn);
                 
// start fade out animation
txtMessage1.startAnimation(animFadeOut);


闪烁：

<!-- blink.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha android:fromAlpha="0.0"
        android:toAlpha="1.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:duration="600"
        android:repeatMode="reverse"
        android:repeatCount="infinite"/>
</set>


放大：

<!-- zoom_in.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <scale
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="3"
        android:toYScale="3" >
    </scale>
 
</set>


缩小：

<!-- zoom_out.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <scale
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="1000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.5"
        android:toYScale="0.5" >
    </scale>
 
</set>


旋转：

<!-- rotate.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="600"
        android:repeatMode="restart"
        android:repeatCount="infinite"
        android:interpolator="@android:anim/cycle_interpolator"/>
 
</set>


移动：

<!-- move.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:fillAfter="true">
 
   <translate
        android:fromXDelta="0%p"
        android:toXDelta="75%p"
        android:duration="800" />
</set>


向上滑动：

<!-- slide_up.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true" >
 
    <scale
        android:duration="500"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/linear_interpolator"
        android:toXScale="1.0"
        android:toYScale="0.0" />
 
</set>


向下滑动：

<!-- slide_down.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true">
 
    <scale
        android:duration="500"
        android:fromXScale="1.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/linear_interpolator"
        android:toXScale="1.0"
        android:toYScale="1.0" />
 
</set>


弹跳：

<!-- bounce.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:interpolator="@android:anim/bounce_interpolator">
 
    <scale
        android:duration="500"
        android:fromXScale="1.0"
        android:fromYScale="0.0"
        android:toXScale="1.0"
        android:toYScale="1.0" />
 
</set>


连续：

<!-- sequential.xml-->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:interpolator="@android:anim/linear_interpolator" >
 
    <!-- Use startOffset to give delay between animations -->
 
 
    <!-- Move -->
    <translate
        android:duration="800"
        android:fillAfter="true"
        android:fromXDelta="0%p"
        android:startOffset="300"
        android:toXDelta="75%p" />
    <translate
        android:duration="800"
        android:fillAfter="true"
        android:fromYDelta="0%p"
        android:startOffset="1100"
        android:toYDelta="70%p" />
    <translate
        android:duration="800"
        android:fillAfter="true"
        android:fromXDelta="0%p"
        android:startOffset="1900"
        android:toXDelta="-75%p" />
    <translate
        android:duration="800"
        android:fillAfter="true"
        android:fromYDelta="0%p"
        android:startOffset="2700"
        android:toYDelta="-70%p" />
 
    <!-- Rotate 360 degrees -->
    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/cycle_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="3800"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:toDegrees="360" />
 
</set>

组合：

<!-- together.xml -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:interpolator="@android:anim/linear_interpolator" >
 
    <scale
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="4000"
        android:fromXScale="1"
        android:fromYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="4"
        android:toYScale="4" >
    </scale>
 
    <!-- Rotate 180 degrees -->
    <rotate
        android:duration="500"
        android:fromDegrees="0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="infinite"
        android:repeatMode="restart"
        android:toDegrees="360" />
 
</set>



转载于:https://my.oschina.net/abnerxiao/blog/289907

chuogao6035
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android动画监听不跑onanimationrepeat,Android 动画之属性动画（三）
weixin_42356282的博客
05-25 1004
Android 动画之属性动画(三)#Animation Listeners##前面的两节中都或多或少提到了动画监听 Animation Listeners 这个概念。它用来监听动画的过程，并且提供一些接口让你实现一些逻辑。比如说你想在动画开始的时候进行一些操作，就需要为这个动画设置一个监听器，然后实现你的逻辑，这样，当监听器监听到动画开始，就回去实现你的逻辑Animator.AnimatorLi...
Pro Android学习笔记（一一一）：2D动画（6）：AnimationListener
愷风（Wei）的专栏
08-01 2787
文章转载只能用于非商业性质，且不能带有虚拟货币、积分、注册等附加条件。转载须注明出处http://blog.csdn.net/flowingflying以及作者@恺风Wei-傻瓜与非傻瓜。 layout动画通过XML进行定义，无法知道动画进行状态，如果我们希望在动画结束的时候触发某个动作，由于无法获知动画状态，是无法实现的。但在view动画中，通过AnimationListener，我们可以定义
打造极致Material Design动画风格Button
热门推荐
QiuJuer
01-07 1万+
曾经有两篇关于Material Design风格的按钮实现。在第一章中只是简单的实现了动画的波纹效果，而在第二篇中实现可以自动移动到中心位置的动画；虽然两者都可用，但是在我的使用中却发现了一定的问题，如有些位置点击会出现波纹速度的运算上的问题。 在这一章中将带你打造一个极致的Material Design动画风格Button；至少在我看来与官方的相当接近了。而且可以用到任意控件上面，欢迎品尝~~
Android动画 补间动画
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
12-08 1672
补间动画：属于Android中View动画的一种，就是涵盖了 平移、缩放、旋转 和 透明度四种变化的动画。实现方式有两种：xml文件 和 java代码。四种补间动画分别为、、、，他们的父类为Animation。
Android动画之帧动画
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
11-18 5412
帧动画就是顺序播放一组预先定义好的图片，就类似于我们观看视频，就是一张一张的图片连续播放。当播放速度达到一定速度后，就会在视觉上看起来像视频播放一样。“人眼舒适放松时可视帧数是每秒24帧,集中精神时不超过30帧,眨眼时睁开眼瞬间可以捕捉到的帧数是30帧以上，为了性能优化，一般稍大于30帧就差不多了，当然，现在的手机，一般为60帧，又些可以开到120帧，每秒刷新120次，在界面切换和浏览各种界面时会流畅很多，当然带来的就是消耗更多的资源。
Android 动画分类
RosaSpSpring的博客
06-29 2299
Android 动画分类
Android 动画详解
金戈鐡馬
02-28 4570
Android动画的分类与使用学习Android必不可少的就是动画的使用了，在Android版本迭代的过程中，出现了很多动画框架，这里做一个总结。Android动画类型分类逐帧动画【Frame Animation】，即顺序播放事先准备的图片。补间动画【Tween Animation】，View的动画效果可以实现简单的平移、缩放、旋转。属性动画【Property Animation】，补间动画增强版，支持对对象执行动画。
android 动画库
liubCS的博客
12-06 2831
1. Spruce(安卓动画库)（是一个轻量级的动画库，可以帮助排版屏幕上的动画。使用有很多不同的动画库时，开发人员需要确保每个视图都能够在适当的时间活动。） 2. Litho（是一个非常强大的框架，以声明的方式构建 UI。它由 Facebook 的开发者开发） 3. InfiniteCards（可自定义动效的卡片切换视图，该库有助于实现卡片 UI ，然后用一个漂亮的动画切换它们。） 4.. PasscodeView（一个你可以键入密码的 view） 5...
Android动画效果的强悍框架
10-28
首先，让我们了解Android中的基本动画类型。Android支持两种主要的动画机制：补间动画（Tween Animation）和帧动画（Frame Animation）。补间动画用于改变视图的位置、大小、透明度等属性，它通过在一段时间内平滑地...
android 动画被父布局遮盖问题解决1
08-08
在Android开发中，动画效果是提升用户体验的重要手段。然而，有时候在实现动画过程中，我们可能会遇到这样一个问题：当一个View执行动画并移出其父布局时，它会被父布局自动裁剪，导致动画效果不完整。这个问题在...
Android动画介绍-总结
05-02
在Android开发中，动画是提升用户体验的关键因素，它能让应用变得更加生动、有趣且易于交互。本文将对Android动画进行深入的总结，涵盖基础动画、属性动画以及如何在实际项目中应用。 1. 基础动画（View Animation...
Android动画框架详解
01-31
Android平台提供了一套完整的动画框架，使得开发者可以用它来开发各种动画效果，本文将向读者阐述 Android的动画框架是如何实现的。任何一个框架都有其优势和局限性，只有明白了其实现原理，开发者才能知道哪些功能...
Android动画特效之自定义View
qq_31481093的博客
10-27 2096
Android动画特效之自定义View
Android系统是如何检测到ANR- 应用无响应的？
知行合一
07-24 864
最近debug应用时，发现只要看debug的变量内容太久了，app也会爆出anr问题，遂想对ANR做一个系统的整理。
AvaloniaUI的学习
最新发布
lishuangquan1987的博客
07-25 632
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
Android 自定义系统版本号
码点
07-22 371
通过查看编译完成后的文件 out/target/product/generic_x86_64/system/build.prop 确认是否修改完成。重新编译,可以直接make，无需清理out文件夹重新花费大量时间全部编译。framework开发，实现自定义系统版本号。
Android动画全解析：系统动画与XML属性详解
Android动画总结深入探讨了Android平台中的动画技术，主要涵盖系统提供的三种类型的动画：属性动画（PropertyAnimation）、视图动画（ViewAnimation）以及帧动画（DrawableAnimation）。本篇总结旨在帮助开发者全面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值