Android四种动画

1.    透明度控制动画效果 alpha

文件名: my_alpha_action.xml

 

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

<alpha

android:fromAlpha="0.1"

android:toAlpha="1.0"

android:duration="3000"

/>

<!-- 透明度控制动画效果 alpha

        浮点型值:

        fromAlpha 属性为动画起始时透明度

        toAlpha   属性为动画结束时透明度

        说明:

        0.0表示完全透明

        1.0表示完全不透明

                     以上值取0.0-1.0之间的float数据类型的数字

       

        长整型值:

        duration  属性为动画持续时间

        说明:    

                     时间以毫秒为单位

-->

</set>

 
 
 

2. 旋转动画效果 rotate

文件名: my_rotate_action.xml

 

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

       

<rotate

        android:interpolator="@android:anim/accelerate_decelerate_interpolator" 

        android:fromDegrees="0"

        android:toDegrees="+350"            

        android:pivotX="50%"

        android:pivotY="50%"           

        android:duration="3000" />

       

<!-- rotate 旋转动画效果

       属性:interpolator 指定一个动画的插入器

       

        在我试验过程中,使用android.res.anim中的资源时候发现有三种动画插入器

       

        accelerate_decelerate_interpolator  加速-减速 动画插入器

        accelerate_interpolator        加速-动画插入器

        decelerate_interpolator        减速- 动画插入器

       

                    其他的属于特定的动画效果   

        浮点数型值:

        fromDegrees 属性为动画起始时物件的角度   

        toDegrees   属性为动画结束时物件旋转的角度 可以大于360度      

        说明:

                     当角度为负数——表示逆时针旋转

                     当角度为正数——表示顺时针旋转                      

        (负数from——to正数:顺时针旋转)  

        (负数from——to负数:逆时针旋转)

        (正数from——to正数:顺时针旋转)

        (正数from——to负数:逆时针旋转)      

        pivotX     属性为动画相对于物件的X坐标的开始位置

        pivotY     属性为动画相对于物件的Y坐标的开始位置

             

        说明:

                     以上两个属性值 从0%-100%中取值

        50%为物件的X或Y方向坐标上的中点位置

   

        长整型值:

        duration  属性为动画持续时间

说明:    

                     时间以毫秒为单位

-->

</set>

 

 

3. 尺寸伸缩动画效果 scale

文件名: my_scale_action.xml

 

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

   <scale

          android:interpolator="@android:anim/accelerate_decelerate_interpolator"

         

          android:fromXScale="0.0"

          android:toXScale="1.4"

         

          android:fromYScale="0.0"

          android:toYScale="1.4"

         

          android:pivotX="50%"

          android:pivotY="50%"

         

          android:fillAfter="false"

          android:duration="700" />

</set>

 

<!-- 尺寸伸缩动画效果 scale

 

       属性:interpolator 指定一个动画的插入器

       

        在我试验过程中,使用android.res.anim中的资源时候发现有三种动画插入器

       

        accelerate_decelerate_interpolator  加速-减速 动画插入器

        accelerate_interpolator        加速-动画插入器

        decelerate_interpolator        减速- 动画插入器

       

                    其他的属于特定的动画效果

 

        浮点型值:

        

        fromXScale 属性为动画起始时 X坐标上的伸缩尺寸   

        toXScale   属性为动画结束时 X坐标上的伸缩尺寸    

       

        fromYScale 属性为动画起始时Y坐标上的伸缩尺寸   

        toYScale   属性为动画结束时Y坐标上的伸缩尺寸   

       

        说明:

                     以上四种属性值   

       

        0.0表示收缩到没有

        1.0表示正常无伸缩    

                     值小于1.0表示收缩 

                     值大于1.0表示放大

        pivotX     属性为动画相对于物件的X坐标的开始位置

        pivotY     属性为动画相对于物件的Y坐标的开始位置

       

        说明:

                     以上两个属性值 从0%-100%中取值

        50%为物件的X或Y方向坐标上的中点位置

       

        长整型值:

        duration  属性为动画持续时间

        说明:    

                     时间以毫秒为单位

 

        布尔型值:

        fillAfter 属性 当设置为true ,该动画转化在动画结束后被应用

-->

4.位置转移动画效果 translate

文件名: my_translate_action.xml

 

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate

android:fromXDelta="30"

android:toXDelta="-80"

android:fromYDelta="30"

android:toYDelta="300"

android:duration="800"

/>

<!-- translate 位置转移动画效果

        整型值:

        fromXDelta 属性为动画起始时 X坐标上的位置   

        toXDelta   属性为动画结束时 X坐标上的位置

       

        fromYDelta 属性为动画起始时 Y坐标上的位置

        toYDelta   属性为动画结束时 Y坐标上的位置

        注意:

                     没有指定fromXType toXType fromYType toYType 时候,默认是以自己为相对参照物

 

        长整型值:

        duration  属性为动画持续时间

        说明:    

                     时间以毫秒为单位

-->

</set>

5. 四种动画效果的调用

在这里, 我将每种动画分别应用于四个按钮为例:

 

(1)  main.xml 代码如下:(声明四个按钮控件)

 

<?xml version="1.0" encoding="utf-8"?>

<AbsoluteLayout

android:id="@+id/widget32"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android="http://schemas.android.com/apk/res/android"

<TextView

android:id="@+id/widget29"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/hello"

android:layout_x="0px"

android:layout_y="0px"

</TextView>

<Button

android:id="@+id/button_Alpha"

android:layout_width="150px"

android:layout_height="150px"

android:text="Alpha动画"

android:textSize="50px"

android:layout_x="0px"

android:layout_y="30px">

</Button>

<Button

android:id="@+id/button_Scale"

android:layout_width="150px"

android:layout_height="150px"

android:text="Scale动画"

android:textSize="50px"

android:layout_x="0px"

android:layout_y="180px">

</Button>

<Button

android:layout_width="150px"

android:layout_height="150px"

android:text="Translate动画"

android:layout_x="161px"

android:layout_y="30px"

android:textSize="30px"

android:id="@+id/button_Translate">

</Button>

<Button

android:id="@+id/button_Rotate"

android:layout_width="150px"

android:layout_height="150px"

android:text="Rotate动画"

android:layout_y="180px"

android:layout_x="161px"

android:textSize="44px">

</Button>

</AbsoluteLayout>

 

(2)       java代码

 

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.Button;

 

public class myActionAnimation extends Activity implements OnClickListener {

         /** Called when the activity is first created. */

         private Button button_alpha;

         private Button button_scale;

         private Button button_translate;

         private Button button_rotate;

         private Animation myAnimation_Alpha;

         private Animation myAnimation_Scale;

         private Animation myAnimation_Translate;

         private Animation myAnimation_Rotate;

         @Override

         public void onCreate(Bundle savedInstanceState) {

                   super.onCreate(savedInstanceState);

                   setContentView(R.layout.main);

                           

                   button_alpha = (Button) findViewById(R.id.button_Alpha);

                   button_alpha.setOnClickListener(this);

 

                   button_scale = (Button) findViewById(R.id.button_Scale);

                   button_scale.setOnClickListener(this);

 

                   button_translate = (Button) findViewById(R.id.button_Translate);

                   button_translate.setOnClickListener(this);

 

                   button_rotate = (Button) findViewById(R.id.button_Rotate);

                   button_rotate.setOnClickListener(this);

         }

         public void onClick(View button) {

                   // TODO Auto-generated method stub

                   switch (button.getId()) {

                   case R.id.button_Alpha: {

                            myAnimation_Alpha = AnimationUtils.loadAnimation(this,R.layout.my_alpha_action);

                            button_alpha.startAnimation(myAnimation_Alpha);

                   }

                            break;

                   case R.id.button_Scale: {

                            myAnimation_Scale= AnimationUtils.loadAnimation(this,R.layout.my_scale_action);

                            button_scale.startAnimation(myAnimation_Scale);

                   }

                            break;

                   case R.id.button_Translate: {

                            myAnimation_Translate= AnimationUtils.loadAnimation(this,R.layout.my_translate_action);

                            button_translate.startAnimation(myAnimation_Translate);

                   }

                            break;

                   case R.id.button_Rotate: {

                            myAnimation_Rotate= AnimationUtils.loadAnimation(this,R.layout.my_rotate_action);

                            button_rotate.startAnimation(myAnimation_Rotate);

                   }

                            break;

 

                   default:

                            break;

                   }

         }

}

posted @ 2011-11-24 15:16  Glan  阅读(169)  评论(0)    收藏  举报