基础动画的使用

最新推荐文章于 2024-09-14 19:06:02 发布
最新推荐文章于 2024-09-14 19:06:02 发布
阅读量574 收藏
点赞数
分类专栏： 动画基础 文章标签： 动画 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30053399/article/details/51705285
版权

今天，将要介绍一下Android中各种动画的制作。
主要围绕六个部来分别介绍：

1.透明动画；
2.移动动画；
3.旋转动画；
4.缩放动画；
5.混合动画；
6.自定义动画；
7.帧动画
前面的四种是我们Android中最基础的四种动画，好多复杂的动画都是经过这些动画合成起来的。

好了，废话不多说了，开始干活！
1.透明动画
透明动画就是一个View从一个透明度变到另一个透明度。
在这里我们有两种方法来实现，第一个就是直接在代码中进行实现，第二种就是通过在XML文件中进行，然后在代码中进行引用。
（1）直接在代码中进行实现

public class MainActivity extends Activity {
    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button)findViewById(R.id.btn);
        /**
         * 透明度从0到1
         */
        final AlphaAnimation aa = new AlphaAnimation(0, 1);
        //设置动画持续时间2秒
        aa.setDuration(2000);
        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                //开始动画
                v.startAnimation(aa);
            }
        });
    }

}

这里写图片描述

（2）在xml文件中写好动画，然后再去引用（touming.xml）

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0.5"
    android:toAlpha="1"
    android:duration="2000">
</alpha>

然后代码中只需要一句话即可：

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.touming));

这里写图片描述

2.移动动画
移动动画就是一个View从一个地方移动到另外一个地方。
在这里我们有两种方法来实现，第一个就是直接在代码中进行实现，第二种就是通过在XML文件中进行，然后在代码中进行引用。
（1）直接在代码中进行实现

public class MainActivity extends Activity {

    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button)findViewById(R.id.btn);
        //系统自带的动画效果，一定要记住四个参数的含义，并不是从（0，0）到（200，200）坐标间的移动，而是一个向量值，从当前位置x轴方向正向移动200，y轴方向正向移动200.
        final TranslateAnimation ta = new TranslateAnimation(0, 200, 0, 200);
        //设置动画时间
        ta.setDuration(2000);
        //xml文件中自己编写的动画效果
        btn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                //开始动画
            v.startAnimation(ta);
            }
        });
    }

}

这里写图片描述
（2）在xml文件中写好动画，然后再去引用（yidong.xml）

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
<!--0代表当前位置的x或y轴坐标-->
    android:fromXDelta="0"
    android:toXDelta="200"
    android:fromYDelta="0"
    android:toYDelta="200"
    android:duration="3000"
    <!--动画结束时固定在原地不动-->
    android:fillAfter="true">
</translate>

然后代码中只需要一句话即可：

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.yidong));

这里写图片描述
3.旋转动画
旋转动画就是一个View以某一点进行旋转。
在这里我们有两种方法来实现，第一个就是直接在代码中进行实现，第二种就是通过在XML文件中进行，然后在代码中进行引用。
（1）直接在代码中进行实现

public class MainActivity extends Activity {

    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button)findViewById(R.id.btn);
        //相对于控件中心进行旋转，尤其要清楚参数的含义，前两个是旋转的角度（从0到360度），后面四个是以哪个点做为原点进行旋转的（以自身宽度的的中点。高度的中点）
       final RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
       //时间为2秒
        ra.setDuration(2000);
        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                //开始动画
                v.startAnimation(ra);

            }
        });
    }

}

这里写图片描述
（2）在xml文件中写好动画，然后再去引用（xuanzhuan.xml）

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="180"
    android:duration="2000"
    <!--动画结束之后暂定状态-->
    android:fillAfter="true">
</rotate>

然后代码中只需要一句话即可：

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.xuanzhuan));

这里写图片描述
这里面有一个非常重要的点就是，旋转的开始位置为x轴右边
这里写图片描述

4.缩放动画
缩放动画就是一个View从一个尺寸拉伸到另一个尺寸。
在这里我们有两种方法来实现，第一个就是直接在代码中进行实现，第二种就是通过在XML文件中进行，然后在代码中进行引用。
（1）直接在代码中进行实现

public class MainActivity extends Activity {

    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /**
         * 第一个参数：初始为0.5倍宽度
         * 第二个参数：结束位1倍宽度
         * 第三个参数：初始为0.5倍高度
         * 第四个参数：结束位1倍高度
         * 第五个参数：已父控件为目标
         * 第六个参数：缩放开始点x为控件宽度中点
         * 第七个参数：已父控件为目标
         * 第八个参数：缩放开始点y为控件宽度中点
         */
        final ScaleAnimation sa = new ScaleAnimation(0.5f,1,0.5f, 1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        sa.setDuration(2000);
        btn = (Button)findViewById(R.id.btn);
        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.startAnimation(sa);
            }   
        });
    }

}

这里写图片描述
（2）在xml文件中写好动画，然后再去引用（suofang.xml）

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
<!--x,y轴都是从0放大到1-->
    android:fromXScale="0"
    android:toXScale="1"
    android:fromYScale="0"
    android:toYScale="1"
    <!--都是以view的中点来缩放-->
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="3000">
</scale>

然后代码中只需要一句话即可：

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.suofang));

这里写图片描述
5、混合动画
混合动画就是将上面四种基础动画混合起来运行。
在这里我们有两种方法来实现，第一个就是直接在代码中进行实现，第二种就是通过在XML文件中进行，然后在代码中进行引用。
（1）直接在代码中进行实现

public class MainActivity extends Activity {

    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button)findViewById(R.id.btn);
        //是否共同执行动画
        final AnimationSet aset = new AnimationSet(true);
        aset.setDuration(2000);
        //移动动画
        TranslateAnimation ta = new TranslateAnimation(0, 300, 0, 300);
        ta.setDuration(2000);
        aset.addAnimation(ta);
        //透明动画
        AlphaAnimation aa = new AlphaAnimation(0, 0.5f);
        aa.setDuration(2000);
        aset.addAnimation(aa);
        //动画监听
        aset.setAnimationListener(new Animation.AnimationListener() {

            @Override
            public void onAnimationStart(Animation arg0) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this, "动画开始之前", 0).show();
            }

            @Override
            public void onAnimationRepeat(Animation arg0) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this, "动画重复", 0).show();
            }

            @Override
            public void onAnimationEnd(Animation arg0) {
                // TODO Auto-generated method stub
                Toast.makeText(MainActivity.this, "动画结束", 0).show();
            }
        });

        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.startAnimation(aset);

            }
        });
    }

}

这里写图片描述
（2）在xml文件中写好动画，然后再去引用（hunhe.xml）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:shareInterpolator="true" >
<!--透明动画-->
    <alpha
        android:duration="2000"
        android:fromAlpha="0"
        android:toAlpha="1" />
<!--移动动画-->
    <translate
        android:duration="2000"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="300"
        android:toYDelta="300" />

</set>

然后代码中只需要一句话即可：

v.startAnimation
(AnimationUtils.loadAnimation(MainActivity.this, R.anim.hunhe));

6.自定义动画
自定义动画就是其实跟自定义控件的含义是一样的，都是根据自己的需要定做一组动画。既然是跟自定义控件的含义是一样的，那么我们必须要写一个自定义动画类，用来写我们需要的动画。

//父类为Animation
public class DAnimation extends Animation {

    //执行过程中不断地调用这个方法interpolatedTime（0到1），t为要变化的控件
    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        // TODO Auto-generated method stub
        //取一个周期的正弦值
        t.getMatrix().setTranslate((float)Math.sin(interpolatedTime*20)*50, 0);
    }

    @Override
    public void initialize(int width, int height, int parentWidth,
            int parentHeight) {
        // TODO Auto-generated method stub
        super.initialize(width, height, parentWidth, parentHeight);
    }


}

代码中去启动这自定义动画对象：

public class MainActivity extends Activity {

    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn = (Button)findViewById(R.id.btn);
        final DAnimation ad = new DAnimation();
        ad.setDuration(2000);
        btn.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                v.startAnimation(ad);
            }
        });
    } 
}

这里写图片描述
7.帧动画
向我们平时开发用到比较多的就是帧动画，因为要想实现一些比较难的动画，而上面几种方法用起来有特别的费时费力，那么我们就可以请我们的美工妹妹给我们切一组图片，然后将其快速的播放出来就是帧动画，就像我们我们小时候看的那种小儿书，如果将其快速的翻阅，便会觉得有个动画在播放。
在这里我们就需要将这组动画，写到xml文件中。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >
    <item 
        android:drawable="@drawable/load_img_temp_1"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_2"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_3"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_4"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_5"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_6"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_7"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_8"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_9"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_10"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_11"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_12"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_13"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_14"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_15"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_16"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_17"
        android:duration="80"
        ></item>
    <item 
        android:drawable="@drawable/load_img_temp_18"
        android:duration="80"
        ></item>

</animation-list>

注意每一个items都对应一段播放时间，这里面是80毫秒
布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".AnimationActivity" >

   <ImageView
       android:id="@+id/animation"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerHorizontal="true"
       android:layout_centerVertical="true"
       android:background="@drawable/refresh_load_list" />

</RelativeLayout>

java代码

public class AnimationActivity extends Activity {

    ImageView iv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation);
        iv = (ImageView)findViewById(R.id.animation);
        //获取动画对象
        AnimationDrawable ad = (AnimationDrawable)iv.getBackground();
        ad.start();
    }
}

我们也可以通过动态添加的方式来实现：

public class AnimationActivity extends Activity {

    ImageView iv;
    AnimationDrawable ad;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation);
        iv = (ImageView)findViewById(R.id.animation);
        //将此动画的xml文件添加到该控件中
        iv.setImageResource(R.drawable.refresh_load_list);
        //获取动画
        ad = (AnimationDrawable)iv.getDrawable();
        ad.start();
    }

}

源码地址：下载源码

神奇的小猴子
关注
专栏目录
动画的基本使用
gako15587481707的博客
05-12 253
一、动画 动画最大的特点可以不用鼠标触发，自动的，反复的执行某些动画。 动画使用分为定义和调用： 定义：定义使用 @keyframes+动画名字（参考类名）来定义 /* 1. 定义的动画 */ @keyframes dance { ​ 从一倍放大到1.5倍 from { transform: scale(1) } ​ to { transform: scale(1.5) } } 或者是 /* 1. ...
WPF 动画基础
热门推荐
stybill的博客
12-09 4万+
咸鱼Maya笔记—动画基础知识
咸鱼菌
05-26 1658
咸鱼Maya笔记—Arnold渲染器 Arnold渲染器是基于物理算法的电影级别渲染引擎，现在已经被越来越多的电影、动画公司和工作室作为首席渲染器使用。 切换到渲染模块，执行“渲染>渲染设置”命令，打开“渲染设置”面板，切换到Arnold Renderer选项卡，对Arnold渲染器的相关参数进行设置。 安装maya时带着，如果木有显示Arnold这个选项则需要去网上下载 ...
flash基础动画制作
倆天
06-15 2453
一、运动补间（传统补间） 运动补间又称之为传统补间是flash 中功能最常用的一种补间，它是所有补间动画中的重点； 这种补间最基本的帧结构是两点一线。 1. 位移动画：它是一切动画的基础； 2. 透明度动画：选中指定的元件（这里要注意flash 只能针对转化为元件的物体来做补间） 在属 性面板会看见alpha 属性，通过调节它的值我们可以制作透明度动画； 3.旋转动画：它是
Android过渡动画基础使用
xingzhong128的博客
04-10 2114
前言 Android从API19引入了Transition过渡动画框架，它通过场景Scene概念来表述动画的关键帧，只要提供了开始和结束场景的内容就会自动做动画。过渡动画其实是对属性动画的一种封装，它能够一次对多个对象做动画而不需要特别复杂的配置。除此之外Activity之间的切换效果也可以使用过渡动画来实现。 基础使用 首先需要定义Scene也就是场景对象，场景其实就是某个事件点所有的...
7 Babylonjs基础入门 动画
现在学习也不晚
03-06 4950
通过之前的知识，我们可以创建一个完整的场景，添加几何模型，光源，材质等等。但是它是一个静态的场景，接下来，我们将实现让场景动起来。 设置场景中的动画主要有两种方式。第一种是方式是定义一组对象，并在每一个对象上面定义模型的情况。第二种方法更复杂的动画，就是在动画运行时修改。 基本动画 我们需要使用Babylon.js封装的Animation类去实现动画。动画由各种属性和一组键定义。每个键给定当前时间...
Flash入门:动画制作基础知识
qq_67424248的博客
03-20 1872
文章目录前言1. Flash基本介绍2. Adobe Flash CS5软件3. 启动与新建4. 操作界面4.1 菜单栏4.2 工具面板4.3 时间轴5. Flash常用术语5.1 对象5.2 帧（Frame）5.3 场景（Scene）5.4 元件（symbol）5.5 实例（Instance）5.6 动作脚本（ActionScript） 前言 这篇文章，我将为大家介绍Flash这个软件的一些基本知识，若有错误，还望大家指正！ 1. Flash基本介绍 Flash主要是由Ad
MG动画基础
w3000A的博客
11-14 2283
MG动画全称Motion Graphic，是C4D+AE运动图形，常应用于视频设计，多媒体CG，动画包装等方面。在前端美工中有时会被使用。 动画：一个不断运动的图形设计，背景颜色的改变，图形文字的运动及大小改变消失出现，静止的图像发生改变，图形运动元素，都是动画。 在一个动态的设计中，主体元素不断运动，那么这个设计就被称为动画。 位移动画（运动动画，可以有运动模糊） MG动画既
原动画基础教程-动画师生存手册
04-01
由曾获奥斯卡奖的迪斯尼著名动画导演理查德•威廉姆斯编著，是一本深入解析动画绘制技巧的权威动画教材。全书深入讲解了以迪斯尼为代表的西方经典动画的创作原则、制作规律及表现技巧，是迪斯尼动画几十年制作经验和...
WPF基础动画
11-22
**WPF基础动画详解** Windows Presentation Foundation (WPF) 是微软.NET Framework的一部分，它提供了一个强大的图形系统，用于创建丰富的用户界面。其中，WPF的动画功能是其一大亮点，它使得开发者能够创建动态、...
原动画基础教程 动画人的生存手册
08-16
动画简史 是画画的时候了 一切都在于时间点(Timing)和空间幅度(Spacing) 第一课 回到1940年 标尺(Chart)和中间画(Inbetween)的演变 原画和小原画(Breakdown) 关键张 三种动画方式 测试测试再测试 摄影表(X-sheet) 你...
基础动画
02-14
本主题聚焦于"基础动画"，尤其关注使用CSS（Cascading Style Sheets）来创建动画。CSS是网页设计的核心技术之一，用于描述HTML或XML（包括SVG、MathML等各种XML方言）元素的呈现方式。在本资源包"BasicAnimation-...
动画基础知识
09-11
本节是苏科版教材下册第8章第一节内容，对应《纲要》基础模块第三阶段的“信息加工与表达”中的“学会使用一种动画制作软件尝试制作简单的动画，了解动画生成的基本原理。” 的内容。通过本节内容的学习与实践体验，...
分享一个可交互的小场景（二）
一起学习一起进步~
06-25 5753
再看代码： JS部分。
Android Radio2.0——公告监听设置（四）
小旭的专栏
09-10 509
上一篇文章我们介绍了广播公告的注册及监听设置，这里我们来看一下广播公告添加监听的调用流程。
android 14.0 USB连接模式默认设为MTP
安卓兼职framework和app工程师的博客
09-13 251
在14.0android系统产品开发中，在通过otg连接设备的时候，会弹出usb连接模式这时候会让客户选择当前连接电脑是 哪种模式，在项目开发中，需要以mtp模式，就是可以在电脑查看设备的内部存储的样式来设置otg连接电脑的模式， 接下来分析下相关模式，来具体实现相关功能
Android14 蓝牙 BluetoothService 启动和相关代码介绍
最新发布
wenzhi的博客
09-14 1530
蓝牙开关和使能开发主要用到：BluetoothService、BluetoothManagerService、BluetoothManager、BluetoothAdapter 这几个系统相关类。某个蓝牙的配对、连接、断开 使用的是 BluetoothDevice 对象。蓝牙开关状态不记忆或者打开异常就可以看看BluetoothManagerService的日志，里面有打开关闭相关过程日志和时间点，这个对问题分析有一定的帮助。本文主要介绍一下 framework 相关的几个类，
ActionScript 3.0 动画基础教程
"ActionScript 3.0动画基础教程，主要涵盖了ActionScript 3.0在创建动画方面的基本概念和技术，包括动画基础、Sprites（精灵）、类和面向对象编程（OOP）以及用户交互。本教程是未出版的Keith Peters作品的中文版样...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值