智能终端软件开发——补间动画(一)

补间动画是通过对View中的内容进行一系列的图形变换来实现动画效果,其中图形变换包括平移、缩放、旋转、改变透明度等。补间动画的效果可以通过XML文件来定义,也可以通过代码方式来实现,通常情况下以XML形式定义的动画都会放置在程序res/anim(自定义的)文件夹下。
Android提供了4种补间动画,分别是透明度渐变动画、旋转动画、缩放动画、平移动画,下面分别针对这4种动画进行详解。

1.透明度渐变动画

透明度渐变动画是指通过改变View组件透明度来实现的渐变效果。它主要通过为动画指定开始时的透明度,结束时的透明度以及动画持续时间来创造动画,在XML文件中定义透明度渐变动画,具体代码如下:
alpha_animation.xml
···
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:interpolator="@android:anim/linear_interpolator"
android:repeatMode="reverse"
android:repeatCount="infinite"
android:duration="1000"
android:fromAlpha="1.0"
android:toAlpha="0.0"/>
</set>
···
上述代码定义了一个让View从完全不透明到透明,持续时间1s的动画。透明度渐变动画常用的属性如下。

  • interpolator:用于控制动画的变化速度,一般值为@android:anim/linear_interpolator(匀速改变)、@android:anim/laccelerate_interpolator(开始慢,后来加速)等;
  • repeatMode:用于指定动画重复的方式,可选值为reverse(反向)、restart(重新开始);
  • repeatCount:用于制定动画重复次数,属性值可以为正整数,也可以为infinite(无限循坏);
  • duration:用于指定动画播放时长;
  • fromAlpha:用于指定动画开始时的透明度,0.0为完全完全透明,1.0为不透明;
  • toAlpha:用于指定动画结束时的透明度0.0为完全完全透明,1.0为不透明。

2.旋转动画

旋转动画就是通过为动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创将动画的,在XML中定义缩放动画,具体代码如下:
rotate_animation.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:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="1000"/>
</set>

上述代码定义了让View从0°旋转到360°持续时间为1s的旋转动画,旋转动画常用的属性如下。

  • fromSegress:指定动画开始时的角度;
  • toDegrees:指定动画结束时的角度;
  • pivotX:指定轴心的x坐标;
  • pivotY: 指定轴心y坐标。

2.缩放动画

缩放动画就是通过动画指定开始时的缩放系数、结束时的缩放系数以及动画持续时长来创建动画的,在XML文件中定义缩放动画,具体代码如下:
scale_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:repeatMode="reverse"
        android:repeatCount="infinite"
        android:duration="3000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="0.5"
        android:toYScale="0.5"
        android:pivotX="50%"
        android:pivotY="50%"/>
</set>

上述代码定义了一个让View在x轴上缩小一半的,y轴上缩小一半的缩放动画。缩放动画的常用属性如下。

  • fromXScale:指定动画开始时x轴上的缩放系数,值为1.0表示不变化;
  • fromYScate:指定动画开始时y轴上的缩放系数,值为1.0表示不变化;
  • toXScate:指定动画结束时x轴上的缩放系数,值为1.0表示不变化;
  • toYScate:指定动画结束时y轴上的缩放系数,值为1.0表示不变化;

4.平移动画

平移动画就是通过为动画指定开始位置、结束位置以及动画持续时长来创建动画的,在XML文件中定义平移动画,具体代码如下;
translate_animation.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="100"
        android:toYDelta="0.0"
        android:repeatCount="infinite"
        android:repeatMode="reverse"
        android:duration="4000"/>
</set>

上述代码定义了一个让View从起始x(0.0)位置平移到结束x(100)位置,持续时间为4s的平移动画。需要注意的是,这里的坐标,这里的坐标并不是屏幕像素的坐标,而是相对于View的所在位置的坐标。开始位置为0.0即表示在View最开始的地方平移(即布局文件定义View所在位置)。
上述代码用到了平移动画的一些常用属性,其常用属性说明如下。

  • formXDelta:指定动画开始时View的x轴坐标。
  • formYDelta:指定动画开始时View的y轴坐标。
  • toXDelta:指定动画结束时View的x轴坐标。
  • toYDelta:指定动画结束时View的y轴坐标。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,755评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,369评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,799评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,910评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,096评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,159评论 3 411
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,917评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,360评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,673评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,814评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,509评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,156评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,123评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,641评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,728评论 2 351

推荐阅读更多精彩内容

  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 6,121评论 1 38
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,699评论 0 10
  • 前言 动画时Android开发中使用频率比较高的功能。 对Android提供的补间动画,帧动画以及属性动画做出归纳...
    銀灬楓阅读 1,881评论 0 8
  • 一: 传统 View 动画(Tween/Frame) 1.1 Tween 动画 主要有 4 中:缩放、平移、渐变、...
    dfg_fly阅读 714评论 1 2
  • 最近工作比较清闲,所以想系统的复习和学习下自己比较短缺的知识,所以。。。 程序运行效果图: Android动画主要...
    小沈新手阅读 504评论 0 1