初探Android动画之门
原文地址:http://www.cnblogs.com/kross/p/3376451.html
最近自学了下动画的相关知识,总结为今天的文章,希望对大家有帮助。
Android中的动画大致分为三种:逐帧动画,视图动画,属性动画。
1.逐帧动画
这个动画效果是最简单的,也是非常容易实现的,原理就是,在一个ImageView上不断的切换显示的图片(当然也不一定是图片),来达到动画的效果,很明显,这样的实现方式和动漫,电影的原理是一样的。
实现的过程是非常简单的,大致上是:
准备每一帧的图像(可以是图片,也可以是通过xml定义的图形)。
给ImageView设置drawable,设置动画属性即可。
现在就来着手实现一下,在下打算做一个小圆形,由黑色逐渐变成白色的逐帧动画。
我们可以通过<shape>来制作一些简单的图形。在/res/drawable/目录下新建xml文件命名为ball1.xml。代码如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
android:color="#000000"/>
<size
android:width="100dp"
android:height="100dp" />
</shape>
依照上面这个步骤,响应的创建另外三个xml文件,一共是4个xml文件,分别是ball1.xml、ball2.xml、ball3.xml、ball4.xml。
它们之间的区别就是颜色不断的变白。通过改变android:color属性就可以了。
接下来,我们需要创建一个播放列表,来安排这4张图像的顺序与时长。
创建/res/drawable/ball_list.xml文件,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:visible="true"
android:oneshot="true">
<item
android:drawable="@drawable/ball1"
android:duration="250"/>
<item
android:drawable="@drawable/ball2"
android:duration="250"/>
<item
android:drawable="@drawable/ball3"
android:duration="250"/>
<item
android:drawable="@drawable/ball4"
android:duration="250"/>
</animation-list>
android:oneshot为true的时候播放一遍就停止了。
接下来,我们在activity_main.xml的布局中添加一个ImageView标签,给它的src属性设置为ball_list,代码如下:
<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=".MainActivity" >
<ImageView
android:id="@+id/ball"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/ball_list"/>
</RelativeLayout>
最后一步,只需要在程序代码中写上如下的代码就可以让动画播放了。
this.iv = (ImageView)findViewById(R.id.ball);
this.iv.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
AnimationDrawable ad = (AnimationDrawable)iv.getDrawable();
ad.stop();
ad.start();
}
});
2.视图动画
视图动画是在限定的属性集上对视图进行操纵的动画效果,但视图的真正属性并不会被修改,比如,通过视图动画放大了一个按钮的尺寸,但该按钮的响应范围还是原来那么大,它只是看上去变大了而已。因为这样的原因,本人并不是很看好这样的动画实现,Android3.0之后推出了属性动画,视图动画理所当然的被启用了,但对于还在使用Android3.0框架的设备,视图动画当然是必不可少的。
视图动画可以操纵以下几个属性(或许说属性并不太正确)。
Translate,移动视图
Scale,缩放视图
Rotate,旋转视图
Alpha,视图的透明度
我们可以将动画的定义写在xml里面,如下的代码:
<?xml version="1.0" encoding="utf-8">
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:toYDelta="25%"
android:toXDelta="25%"/>
以上的动画在数值上是均匀变化的,如果需要一些特殊的数值变化,比如先快后慢,越来越快,之类的效果,可以使用插值器,这个东西就类似于给数值的变化曲线添加了一条曲线。
在java代码中使用动画的时候使用如下代码就好:
TextView tv = (TextView)findViewById(R.id.textview);
Animation animation = AnimationUtils.loadAnimation(this, R.anim.slide);
以上就是视图动画的简单用法,我并没有过多的看方面的内容,所以介绍的不是很多。
3.属性动画
属性动画可以运行开发者直接修改任何对象的属性,使之形成动画,这可能会让一些不是视图的东西变得很古怪。但它非常强大,非常好用~强烈推荐!!\(^o^)/~
本文只介绍最好用的方法,我推荐使用ObjectAnimator对象,具体方法如下:
View v = findViewById(R.id.my_view);
ObjectAnimator oa = ObjectAnimator.ofFloat(v, View.ALPHA, 0f, 1f);
oa.setDuration(500);
oa.start();
以上的代码,就会完成在500毫秒内,v这个视图由完全透明到完全不透明的变化过程,如果需要更好的数值变化效果,同样可以使用插值器。
转载请注明出处:http://www.cnblogs.com/kross/p/3376451.html
新浪微博:http://weibo.com/KrossFord
初探Android动画之门的更多相关文章
- Lottie开源库实现Android动画效果
Lottie简介 Lottie是一个支持Android.iOS.React Native,并由Adobe After Effects制作aep格式的动画,然后经由bodymovin插件转化渲染为jso ...
- Android动画效果之自定义ViewGroup添加布局动画
前言: 前面几篇文章介绍了补间动画.逐帧动画.属性动画,大部分都是针对View来实现的动画,那么该如何为了一个ViewGroup添加动画呢?今天结合自定义ViewGroup来学习一下布局动画.本文将通 ...
- Android动画效果之Property Animation进阶(属性动画)
前言: 前面初步认识了Android的Property Animation(属性动画)Android动画效果之初识Property Animation(属性动画)(三),并且利用属性动画简单了补间动画 ...
- Android动画效果之初识Property Animation(属性动画)
前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...
- Android动画效果之Frame Animation(逐帧动画)
前言: 上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame ...
- Android动画效果之Tween Animation(补间动画)
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...
- Android动画
[浅谈Android动画] 总共四种:Tween Animation变换动画.Frame Animation帧动画 Layout Animation布局动画.Property Animation 属性 ...
- Android动画学习(二)——Tween Animation
前两天写过一篇Android动画学习的概述,大致的划分了下Android Animation的主要分类,没有看过的同学请移步:Android动画学习(一)——Android动画系统框架简介.今天接着来 ...
- Android动画学习(一)——Android动画系统框架简介
2015-11-09补充:Drawable Animation极有可能是Frame Animation 这几天在找工作,面试的时候被问到了Android动画,之前完全没接触过这部分,直接给懵了,当然其 ...
随机推荐
- 【转】ASP.NET 防止同一用户同时登陆
要防止同一用户同时登陆,首页应该记录在线用户的信息(这里与用户名为例),然后判断正在登陆的用户里面是否已存在.在这里使用一个cache存放已经登陆的用户名,但是还有一个问题就是要知道用户是什么时候离开 ...
- 柴柴随笔第三篇:安装虚拟机以及Linux基础入门
虚拟机的安装 老师提供的作业指南给了我莫大的帮助,一步一步按着其中操作提示和网址链接,我首先下好了VM,也创建好了自己的第一台虚拟机. 接着按照步骤安装了Ubuntu到我的虚拟机. 到此,一切都顺风顺 ...
- 20155330 2016-2017-2 《Java程序设计》第四周学习总结
20155330 2016-2017-2 <Java程序设计>第四周学习总结 教材学习内容总结 学习目标 理解封装.继承.多态的关系 理解抽象类与接口的区别 掌握S.O.L.I.D原则 了 ...
- 浅入tcp
1.认识TCP tcp协议是传输层协议,它的最主要的3个特点是面向连接.可靠保证.基于字节流.当应用层把数据给tcp层时,注意如果数据大于MSS是要在tcp层进行分段的.tcp协议为了保证不丢包会给每 ...
- 【CF613D】Kingdom and its Cities
[CF613D]Kingdom and its Cities 题面 洛谷 题解 看到关键点当然是建虚树啦. 设\(f[x]\)表示以\(x\)为根的子树的答案,\(g[x]\)表示以\(x\)为根的子 ...
- 转:后台管理UI的选择
注:文中缺少了ZUI和LAYUI两个. 目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.Admin LTE 九.I ...
- JS基础,课堂作业,计算器
网页内的简单计算器 <script> var a = parseInt(prompt("请输入第一个数字:")); var b = parseInt(prompt(&q ...
- Spring Cloud Learning(一): 服务注册
官网https://projects.spring.io/spring-cloud/,spring cloud官网各组件版本为: Component Edgware.SR4 Finchley.SR1 ...
- Windows10 Oracle ODBC安装配置
项目紧迫,需在短时间内交付成果,新团队成员,吐嘈之前数据库设计太low,很难看懂数据库表结构间的关系,为了使新同事更好的了解数据库表结构,特意使用powerDesigner对oracle.mysql数 ...
- idea 临时文件
idea可以直接创建一个 scratch file (mac os快捷键 cmd+shift+n) 在里面可以自由的编辑文档, 配合vim使用很方便, 我使用的频率还比较高. 大概是这样的. 这个临时 ...