您的位置:首页 > 移动开发 > Android开发

史上最简单android动画之Tween Animation(渐变动画)

2015-06-03 10:31 603 查看
android分渐变动画和帧动画,这里我们暂时只讲渐变动画。

在Android中,我们可以将动画绑定到控件(如:TextView ,ImageView)上,使他们在显示的时候具有动画效果,这样看起来会很酷!下面我就让你快速的把它学会,然后你就可以任性的使用它了。

渐变动画(Tween Animation)由四种类型组成:



一般来说,我们定义XML来使用它。下面具体讲解如何使用。

第一步:新建一个android项目,取名为tweenAnimationDemo。修改Layout下面的main.xml文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="这是渐变动画Demo"
android:gravity="center"
android:drawableBottom="@drawable/xiaoli" />

</LinearLayout>
第二步:第一步里使用了一张xiaoli图片,当然要在drawable把xiaoli图片放进去啦。然后在res目录下新建anim文件夹,anim文件夹下新建一个myanim.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<!--1.渐变透明度动画效果   -->
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="2000"/>

<!--2.渐变尺寸收缩动画效果
<scale
android:fromXScale="0"
android:fromYScale="0"
android:toXScale="1.4"
android:toYScale="1.4"
android:duration="2000"/>
-->

<!--画面转换移动动画效果
<translate
android:fromXDelta="-150"
android:fromYDelta="0"
android:toXDelta="+150"
android:toYDelta="0"
android:duration="2000"/>
-->

<!--画面转换旋转动画效果
<rotate
android:fromDegrees="0"
android:toDegrees="360"
android:duration="2000"/>
-->
</set>

第三步:在MainActivity.java中获取TextView控件并给它设置动画:

package com.example.tweenanimationdemo;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.TextView;
import android.os.Build;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

TextView textView = (TextView)findViewById(R.id.textView1);//获得textView控件
Animation animation = AnimationUtils.loadAnimation(this, R.anim.myanim);//创建动画对象
textView.setAnimation(animation);//给textView设置动画
}

}
第四步:运行程序。TextView会有渐变透明度的效果。改变第一步myanim.xml中的注释内容可以看到不同的效果。
代码下载:http://download.csdn.net/detail/yuqiangabcd/8767515

渐变动画详解文档下载:http://download.csdn.net/detail/yuqiangabcd/8767521

              

 

 

 

 

 

 

 

 

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息