Android(java)学习笔记142:Android中补间动画(Tween Animation)
本文主要简单介绍补间动画使用代码实现,
关于使用xml实现补间动画,
可以参看:自定义控件三部曲之动画篇(一)——alpha、scale、translate、rotate、set的xml属性及用法
1. 由于这个View动画的逻辑很简单,我这里就直接先附上代码:
activity_main.xml:
<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"
tools:context=".MainActivity" > <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" > <Button
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="alpha"
android:text="alpha" /> <Button
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="scale"
android:text="scale" /> <Button
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="trans"
android:text="trans" /> <Button
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="rotate"
android:text="rotate" /> <Button
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1"
android:onClick="set"
android:text="set" />
</LinearLayout> <ImageView
android:id="@+id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher" /> </RelativeLayout>
接下来MainActivity.java:
package com.itheima.tweenanim; import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView; 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);
} /**
* 透明度变化的动画
*
* @param view
*/
public void alpha(View view) {
// 声明动画 完全透明--》完全不透明
AlphaAnimation aa = new AlphaAnimation(0.0f, 1.0f);
// 设置动画播放的时间
aa.setDuration(2000);
// 重复播放的次数
aa.setRepeatCount(2);
// 倒序播放
aa.setRepeatMode(Animation.REVERSE);
iv.startAnimation(aa);
} /**
* 缩放动画
*
* @param view
*/
public void scale(View view) {
ScaleAnimation sa = new ScaleAnimation(0.1f, 2.0f, 0.1f, 2.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
// 设置动画播放的时间
sa.setDuration(2000);
// 重复播放的次数
sa.setRepeatCount(2);
// 倒序播放
sa.setRepeatMode(Animation.REVERSE);
iv.startAnimation(sa);
} /**
* 位移动画
*
* @param view
*/
public void trans(View view) {
TranslateAnimation ta = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, -0.5f,
Animation.RELATIVE_TO_PARENT, 0.5f,
Animation.RELATIVE_TO_PARENT, -0.5f,
Animation.RELATIVE_TO_PARENT, 0.5f);
// 设置动画播放的时间
ta.setDuration(2000);
// 重复播放的次数
ta.setRepeatCount(2);
// 倒序播放
ta.setRepeatMode(Animation.REVERSE);
iv.startAnimation(ta);
} public void rotate(View view) {
RotateAnimation ra = new RotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
0.0f);
// 设置动画播放的时间
ra.setDuration(2000);
// 重复播放的次数
ra.setRepeatCount(2);
// 倒序播放
ra.setRepeatMode(Animation.REVERSE);
iv.startAnimation(ra);
}
/**
* 动画集合
* @param view
*/
public void set(View view){
AnimationSet set = new AnimationSet(false);//每个动画时间变化的情况都是独立的
ScaleAnimation sa = new ScaleAnimation(0.1f, 2.0f, 0.1f, 2.0f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
// 设置动画播放的时间
sa.setDuration(2000);
// 重复播放的次数
sa.setRepeatCount(2);
// 倒序播放
sa.setRepeatMode(Animation.REVERSE);
TranslateAnimation ta = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, -0.2f,
Animation.RELATIVE_TO_PARENT, 0.2f,
Animation.RELATIVE_TO_PARENT, -0.2f,
Animation.RELATIVE_TO_PARENT, 0.2f);
// 设置动画播放的时间
ta.setDuration(2000);
// 重复播放的次数
ta.setRepeatCount(2);
// 倒序播放
ta.setRepeatMode(Animation.REVERSE);
RotateAnimation ra = new RotateAnimation(0, 360,
Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
0.0f);
// 设置动画播放的时间
ra.setDuration(2000);
// 重复播放的次数
ra.setRepeatCount(2);
// 倒序播放
ra.setRepeatMode(Animation.REVERSE);
set.addAnimation(ra);
set.addAnimation(ta);
set.addAnimation(sa);
iv.startAnimation(set);
}
}
2. 构造方法解析
(1)AlphaAnimation
AlphaAnimation 动画,窗口的动画效果,渐变透明度动画效果 ,有些游戏的欢迎动画,logo的淡入淡出效果就使用AlphaAnimation。
AlphaAnimation(float fromAlpha, float toAlpha);
浮点型值:
fromAlpha 属性为动画起始时透明度
toAlpha 属性为动画结束时透明度
说明:
0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之间的float数据类型的数字
(2)ScaleAnimation
ScaleAnimation类是Android系统中的尺寸变化动画类,用于控制View对象的尺寸变化,该类继承于Animation类。ScaleAnimation类中的很多方法都与Animation类一致,该类中最常用的方法便是ScaleAnimation构造方法。
public ScaleAnimation (float fromX, float toX, float fromY, float toY, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);
参数说明
fromX:动画起始时,X坐标上的伸缩尺寸。 0.0表示收缩到没有
toX:动画结束时,X坐标上的伸缩尺寸 。 1.0表示正常无伸缩
fromY:动画起始时,Y坐标上的伸缩尺寸 。 值小于1.0表示收缩
toY:动画结束时,Y坐标上的伸缩尺寸。 值大于1.0表示放大
这4个参数确定从什么大小缩放到什么大小
pivotXType:动画在X轴相对于物件位置类型 (X轴的伸缩模式),可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
pivotXValue:动画相对于物件的X坐标的开始位置。
pivotYType:动画在Y轴相对于物件位置类型 (Y轴的伸缩模式),可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
pivotYValue:动画相对于物件的Y坐标的开始位置 。
这4个参数确定开始缩放的坐标,最后坐标是原来的坐标
有三种默认值:
RELATIVE_TO_PARENT 相对于父控件
RELATIVE_TO_SELF 相对于符自己
RELATIVE_TO_ABSOLUTE 绝对坐标
(3)TranslateAnimation
在android动画中,最常用的一个莫不是TranslateAnimation了,这个类主要负责实现控件的动态位移,经常被用做指示器的移动动画。比如qq安卓客户端的指示器,如下图。
(4)RotateAnimation
public RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue);
参数说明
fromDegrees:旋转的开始角度。
toDegrees:旋转的结束角度。
pivotXType:X轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
pivotXValue:X坐标的伸缩值。
pivotYType:Y轴的伸缩模式,可以取值为ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
pivotYValue:Y坐标的伸缩值。
最新文章
- Android公共技术收集
- Day 1 T1
- 如何启动免安装版Tomcat并将Tomcat添加到服务中
- js使用转义符技巧输出HTML
- 启用ntp服务
- 杂项(最小表示法):HZOI 2015 Glass Beads
- 【IOS学习基础】文件相关
- 仿淘宝TAB切换搜索框
- Android特效专辑(八)——实现心型起泡飞舞的特效,让你的APP瞬间暖心
- spring的纯注解的IOC配置
- Java中的不可变类理解
- _spellmod
- CSS小知识-----前缀-moz-、-ms-、-webkit-,-o-分别代表的意思
- 使用xcode 7 开发cocos2dx问题
- Codeforces Round #353 (Div. 2) D. Tree Construction 模拟
- /etc/docker/key.json
- Android Studio中 ADB WIFI插件进行无线调试实践
- TCP的拥塞控制 (三)
- MySQL行锁、间隙锁、Next-Key锁
- java 异常与捕获
热门文章
- monkey基本命令及脚本编写
- Flutter实战视频-移动电商-60.购物车_全选按钮的交互效果制作
- 1、webpack课程介绍
- 洛谷 - P3377 - 【模板】左偏树(可并堆) - 左偏树 - 并查集
- IntelliJ IDEA-Git提交和更新
- phpStrom/webstrom如何修改Terminal命令行的字体大小
- 强大的在线web编辑器UEditor
- 3DMAX 6 游戏特效制作
- 自定义Mybatis返回类型及注意事项
- c# Marshal.PtrToStructure(StructPtr, typeof(T)); 特别注意