android Animation动画的xml使用

最新推荐文章于 2021-05-27 13:38:01 发布

weixin_34273479

最新推荐文章于 2021-05-27 13:38:01 发布

阅读量79

点赞数

文章标签：移动开发 ui java

在Android应用程序，使用动画效果，能带给用户更好的感觉，做动画能够通过XML或Android代码来实现。

Animation动画效果的实现能够通过两种方式进行实现，一种是tweened animation （渐变动画），还有一种是frame by frame animation （画面转换动画）。

tweened animation渐变动画有下面两种类型：

1.alpha 渐变透明度动画效果

2.scale 渐变尺寸伸缩动画效果

frame by frame animation 画面转换动画有下面两种类型：

1.translate 画面转换位置移动动画效果

2.rotate 画面转移旋转动画效果

在这里。我使用XML来做动画。

实现主要的动画，如淡入，旋转等。

步骤：1、首先在res文件夹中新建anim的文件夹，在anim中新建须要的动画xml资源文件。

anim/alpha.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"/>  </set>

anim/scale.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>

anim/translate.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="2000"/>
<!-- translate 位置转移动画效果
        整型值:
            fromXDelta 属性为动画起始时 X坐标上的位置    
            toXDelta   属性为动画结束时 X坐标上的位置
            fromYDelta 属性为动画起始时 Y坐标上的位置
            toYDelta   属性为动画结束时 Y坐标上的位置
            注意:
                     没有指定fromXType toXType fromYType toYType 时候，
                     默认是以自己为相对參照物             
        长整型值：
            duration  属性为动画持续时间   以毫秒为单位
-->
</set>

anim/rotate.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" />  </set>

2、xml资源文件创建完毕之后，接下来就是调用这些资源文件。

以alpha为例，先创建AlphaActivity。

在activity_alpha.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"
    android:background="@drawable/test_bg"
    tools:context=".AlphaActivity" >

</RelativeLayout>

AlphaActivity.java

package com.example.animation_demo;
 
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.view.animation.AnimationUtils;
import android.widget.Toast;
 
public class AlphaActivity extends Activity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        View view=View.inflate(this, R.layout.activity_alpha, null);
        setContentView(view);
        //使用AnimationUtils类的静态方法loadAnimation()来载入XML中的动画XML文件
        Animation animation=AnimationUtils.loadAnimation(this, R.anim.alpha);
        view.startAnimation(animation);
        animation.setAnimationListener(new AnimationListener() {
            @Override
            public void onAnimationStart(Animation arg0) {}   //在动画開始时使用
             
            @Override
            public void onAnimationRepeat(Animation arg0) {}  //在动画反复时使用

            @Override
            public void onAnimationEnd(Animation arg0) {
                Toast.makeText(AlphaActivity.this, "在动画结束时使用", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

这个是整个layout文件的动画，也能够让不论什么UI元素调用starAnimation方法。

比如：textMsg.startAnimation(animation); 这时候就不须要以下代码动画填充指定xml了

View view=View.inflate(this, R.layout.activity_alpha, null);
setContentView(view);

直接setContentView(R.layout.activity_alpha); 就OK了。卒。

效果图：

附上找到的一些主要的xml效果：

Fade In：淡入

alpha是渐变透明度效果，值由0到1

fade_in.xml  
<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fillAfter="true" >  
   
    <alpha  
        android:duration="1000"  
        android:fromAlpha="0.0"  
        android:interpolator="@android:anim/accelerate_interpolator"  
        android:toAlpha="1.0" />  
</set>

Fade Out ：淡出
以Fade In刚好相反。值由1到0

fade_out.xml  
<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fillAfter="true" >  
   
    <alpha  
        android:duration="1000"  
        android:fromAlpha="1.0"  
        android:interpolator="@android:anim/accelerate_interpolator"  
        android:toAlpha="0.0" />  
</set>

Cross Fading: 交叉的淡入和淡出
同一时候使用Fade in和Fade out能够达到交叉的效果

public class CrossfadeActivity extends Activity implements AnimationListener {  
  
    TextView txtMessage1, txtMessage2;  
    Button btnStart;  

    Animation animFadeIn, animFadeOut;  

    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        // TODO Auto-generated method stub  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_crossfade);  

        txtMessage1 = (TextView) findViewById(R.id.txtMessage1);  
        txtMessage2 = (TextView) findViewById(R.id.txtMessage2);  
        btnStart = (Button) findViewById(R.id.btnStart);  

        // load animations  
        animFadeIn = AnimationUtils.loadAnimation(getApplicationContext(),  
                R.anim.fade_in);  
        animFadeOut = AnimationUtils.loadAnimation(getApplicationContext(),  
                R.anim.fade_out);  

        // set animation listeners  
        animFadeIn.setAnimationListener(this);  
        animFadeOut.setAnimationListener(this);  
  
        // button click event  
        btnStart.setOnClickListener(new View.OnClickListener() {  
  
            @Override  
            public void onClick(View v) {  
                txtMessage2.setVisibility(View.VISIBLE);  
                txtMessage2.startAnimation(animFadeIn);  
                txtMessage1.startAnimation(animFadeOut);  
            }
        });
    }
  
    @Override  
    public void onAnimationEnd(Animation animation) {  
          
        if (animation == animFadeOut) {  
            txtMessage1.setVisibility(View.GONE);  
        }  
          
        if(animation == animFadeIn){  
            txtMessage2.setVisibility(View.VISIBLE);  
        }  
    }  
  
    @Override  
    public void onAnimationRepeat(Animation animation) {  
        // TODO Auto-generated method stub  
    }  
  
    @Override  
    public void onAnimationStart(Animation animation) {  
        // TODO Auto-generated method stub  
    }  
}

BLink：若隐若现

blink.xml  
<?xml version="1.0" encoding="utf-8"?

> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:interpolator="@android:anim/accelerate_interpolator" android:duration="600" android:repeatMode="reverse" android:repeatCount="infinite"/> </set>

Zoom In：放大

zoom_in.xml  
<?xml version="1.0" encoding="utf-8"?

> <set xmlns:android="http://schemas.android.com/apk/res/android" android:fillAfter="true" > <scale xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android:fromXScale="1" android:fromYScale="1" android:pivotX="50%" android:pivotY="50%" android:toXScale="3" android:toYScale="3" > </scale> </set>

Zoom Out：缩小

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

Rotate：旋转

rotate.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:duration="600" android:repeatMode="restart" android:repeatCount="infinite" android:interpolator="@android:anim/cycle_interpolator"/> </set>

好长啊。

。。既然你们都看到这里了。再多说几句。。

根节点<set>的属性：

名称	属性	备注
android:shareInterpolator	是否共享插入器	共享时。四个子节点都用一个插入器
android:interpolator	指定一个动画的插入器	使用系统资源
android:fillEnabled		当设置为true时，fillAfter和fill, Befroe将会都为true，此时会忽略fillBefore 和fillAfter两种属性
android:fillAfter	该动画转化是否在动画结束后被应用	boolean
android:fillBefore	该动画转化是否在动画開始前被应用	boolean
android:repeatMode	反复模式	"restart" 或者 "reverse"
android:repeatCount	反复次数	integer
android:duration	动画持续时间	integer
android:startOffset	动画时间间隔	long
android:zAdjustment	定义动画z order的变换	[normal] or [top] or [bottom]
android:detachWallpaper		boolean