备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Android -- 补间动画

2017-07-30 1083
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：



补间动画的优点是可以节省空间。补间动画与逐帧动画在本质上是不同的，逐帧动画通过连续播放图片来模拟动画的效果，而补间动画则是通过在两个关键帧之间补充渐变的动画效果来实现的。目前Android应用框架支持的补间动画效果有以下5种。具体实现在android.view.animation类库中。

  • AlphaAnimation：透明度（alpha）渐变效果，对应<alpha/>标签。
  • TranslateAnimation：位移渐变，需要指定移动点的开始和结束坐标，对应<translate/>标签。
  • ScaleAnimation：缩放渐变，可以指定缩放的参考点，对应<scale/>标签。

 

RotateAnimation：旋转渐变，可以指定旋转的参考点，对应<rotate/>标签。

  • AnimationSet：组合渐变，支持组合多种渐变效果，对应<set/>标签。

 

补间动画的效果同样可以使用XML语言来定义，这些动画模板文件通常会被放在Android项目的res/anim/目录下。

主代码                                                                                        

复制代码 
public class MainActivity extends Activity {

    private ImageView iv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.iv);
    }

    public void click1(View v) {
        AlphaAnimation ani = new AlphaAnimation(0.0f, 1.0f);
        ani.setDuration(2000);
        ani.setRepeatCount(2);
        ani.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ani);
    }

    public void click11(View v) {
        Animation ani = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
        iv.startAnimation(ani);
    }

    public void click2(View v) {
        ScaleAnimation ani = new ScaleAnimation(0.0f, 2.0f, 0.0f, 2.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                0.5f);
        ani.setDuration(2000);
        ani.setRepeatCount(2);
        ani.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ani);
    }

    public void click22(View v) {
        Animation ani = AnimationUtils.loadAnimation(this, R.anim.rotate_ani);
        iv.startAnimation(ani);
    }

    public void click3(View v) {
        RotateAnimation ani = new RotateAnimation(0, 360,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
                0.5f);
        ani.setDuration(2000);
        ani.setRepeatCount(2);
        ani.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ani);
    }

    public void click33(View v) {
        Animation ani = AnimationUtils.loadAnimation(this, R.anim.scale_ani);
        iv.startAnimation(ani);
    }

    public void click4(View v) {
        TranslateAnimation ani = new TranslateAnimation(
                Animation.RELATIVE_TO_PARENT, 0.0f,
                Animation.RELATIVE_TO_PARENT, 1.0f,
                Animation.RELATIVE_TO_PARENT, 0.0f,
                Animation.RELATIVE_TO_PARENT, 1.0f);
        ani.setDuration(2000);
        ani.setRepeatCount(2);
        ani.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ani);
    }

    public void click44(View v) {
        Animation ani = AnimationUtils.loadAnimation(this, R.anim.translate);
        iv.startAnimation(ani);
    }

}
复制代码

Animation的xml                                                                       

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android" 
    android:fromAlpha="1.0"
    android:toAlpha="0.5"
    android:fillAfter="true"
    android:duration="2000" >
</alpha>
复制代码
复制代码 
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="2000" >

</rotate>
复制代码
复制代码 
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXScale="0.2"
    android:toXScale="2.0"
    android:fromYScale="0.2"
    android:toYScale="2.0"
    android:fillAfter="true"
    android:duration="2000" >

</scale>
复制代码
复制代码 
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="20%p"
    android:toXDelta="50%p"
    android:fromYDelta="0"
    android:toYDelta="50%p"
    android:duration="2000"
    android:repeatCount="2"
    android:repeatMode="reverse" >

</translate>
复制代码

代码解析                                                                                    

 

  • alpha

 

fromAlpha :起始透明度 

toAlpha:结束透明度 

1.0表示完全不透明

0.0表示完全透明

 

  • rotate

 

fromDegrees:表示旋转的起始角度 

toDegrees:表示旋转的结束角度 

repeatCount:旋转的次数  默认值是0 代表旋转1次  如果值是repeatCount=4 旋转5次，值为-1或者infinite时，表示补间动画永不停止 

repeatMode 设置重复的模式。默认是restart。当repeatCount的值大于0或者为infinite时才有效。

 repeatCount=-1 或者infinite循环了  还可以设成reverse，表示偶数次显示动画时会做与动画文件定义的方向相反的方向动行。

 

  • scale

 

fromXScale:表示沿着x轴缩放的起始比例 

toXScale:表示沿着x轴缩放的结束比例 

fromYScale:表示沿着y轴缩放的起始比例 

toYScale:表示沿着y轴缩放的结束比例 

图片中心点： 

android:pivotX="50%"
android:pivotY="50%"
  • translate

android:interpolator 动画的渲染器 

accelerate_interpolator(动画加速器) 使动画在开始的时候 最慢,然后逐渐加速 

decelerate_interpolator(动画减速器)使动画在开始的时候 最快,然后逐渐减速 

accelerate_decelerate_interpolator（动画加速减速器） 

中间位置分层:  使动画在开始的时候 最慢,然后逐渐加速          

使动画在开始的时候 最快,然后逐渐减速  结束的位置最慢 

fromXDelta  动画起始位置的横坐标 

toXDelta    动画起结束位置的横坐标 

fromYDelta  动画起始位置的纵坐标 

toYDelta   动画结束位置的纵坐标 

duration 动画的持续时间 

在实际项目中，我们经常使用补间动画，原因是补间动画使用起来比较方便，功能也比逐帧动画强大不少，而且还可以很方便地进行动画叠加，实现更加复杂的效果。

我是天王盖地虎的分割线                 




本文转自我爱物联网博客园博客，原文链接：http://www.cnblogs.com/yydcdut/p/3829860.html，如需转载请自行联系原作者

文章标签：
Android开发
数据格式
XML
关键词：
Android补间动画
老朱教授
目录
相关文章
程序猿追
|
Android开发 内存技术
Android动画（帧动画、补间动画、属性动画）讲解
帧动画：是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 补间动画：指的是做FLASH动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动； 属性动画：帧动画与补间动画实现了对View进行移动、缩放、旋转和淡入淡出的效果。但对于android开发师来说是不够的，同时移动、缩放、旋转和淡入淡出的效果也不再只是一种视觉上的动画效果了。所以从Android 3.0版本开始，系统给我们提供了一种全新的动画模式，属性动画(property animation)。
程序猿追
266 0
Android动画（帧动画、补间动画、属性动画）讲解
itfitness
|
XML Android开发 数据格式
Android动画之补间动画详解
一.概念 补间动画是指开发者无需定义动画过程中的每一帧，只需要定义动画的开始和结束两个关键帧，并指定动画变化的时间和方式等，然后交由Android系统进行计算，通过在这两个关键帧之间插入渐变值来实现平滑过渡，从而对View的内容完成一系列的图形变换来实现动画效果，主要包括四种基本效果：透明变化Alpha、大小变化Scale、位移变化Translate、以及旋转变化Route，这四种效果可以动态组合，从而实现复杂灵活的动画。
itfitness
1199 0
小猪看流星
|
XML API Android开发
Android 基础动画之补间动画详解
Android系统SDK为开发者提供了很多丰富的API去实现绚丽夺目的动画，动画也是学习掌握自定义控件的必不可少的内容。Android动画主要分为如下几类： View Animation： 视图动画（也叫补间动画：Tween Animation）在Android早期版本系统中就已经提供了，这种动画只能被用来设置View的动画。
小猪看流星
1038 0
爆米花9958
|
XML 搜索推荐 Java
Android动画——补间动画
继续上一章，本章说下Tween Animation。Twen Animation相对简单，它可以支持简单的缩放、平移、旋转、透明度渐变的动画。
爆米花9958
869 0
无名公子
|
XML Java Android开发
Android Animation动画详解（一）： 补间动画
无名公子
1606 0
涂作权
|
传感器 XML Android开发
21_Android中常见对话框，光传感器，通过重力感应器编写出指南针应用，帧动画，通过Jav代码的方式编写补间动画，通过XML的方式编写补间动画
 1 关于常见的对话框，主要有： 常见的对话框，单选对话框，多选对话框，进度条对话框（转圈类型的），带进度条的对话框。 案例结构： 完成如下结构的案例，将所有的案例都测试一下： 2 编写MainActivity，代码如下： package com.itheima.dialog;   import android.app.Activity; import and
涂作权
1281 0
光仔december
|
XML Android开发 数据格式
【Android开发】动画范例2-旋转、平移、缩放和透明度渐变的补间动画
光仔december
2281 0
JKXQJ
|
Android开发 数据格式 XML
Android学习之补间动画
开发者无需逐一定义每一帧，只需要定义动画的关键帧即可. 具体实现需要用到Interpolator，Interpolator负责控制动画的变化速度，这就使得基本的动画效果(Alpha,Scale,Translate,Rotate)能以匀速变化、加速、减速、抛物线速度等各种速度变化。Interpolator是一个接口，它定义了所有Interpolator都需要实现的float getInte
JKXQJ
1034 0
ctrip_xzh
|
Java Android开发
Android 深入ViewPager补间动画,实现类京东商城首页广告Banner切换效果
<p><span style="font-size:12px"><span style="font-weight:bold">如有转载，请声明出处: 时之沙: </span><a target="_blank" href="http://blog.csdn.net/t12x3456" style="font-weight:bold">http://blog.csdn.net/t12x345
ctrip_xzh
1912 0
aqi00
|
4天前
|
Linux 编译器 Android开发
FFmpeg开发笔记（九）Linux交叉编译Android的x265库
在Linux环境下，本文指导如何交叉编译x265的so库以适应Android。首先，需安装cmake和下载android-ndk-r21e。接着，下载x265源码，修改crosscompile.cmake的编译器设置。配置x265源码，使用指定的NDK路径，并在配置界面修改相关选项。随后，修改编译规则，编译并安装x265，调整pc描述文件并更新PKG_CONFIG_PATH。最后，修改FFmpeg配置脚本启用x265支持，编译安装FFmpeg，将生成的so文件导入Android工程，调整gradle配置以确保顺利运行。
aqi00
24 1
FFmpeg开发笔记（九）Linux交叉编译Android的x265库