当前位置: 代码迷 >> Android >> android Animations 动画效果(2)
  详细解决方案

android Animations 动画效果(2)

热度:188   发布时间:2016-04-28 06:41:15.0
android Animations 动画效果(二)
Animations的第二种使用方法
1在res文件夹下新建一个anim文件夹
2.创建xml文件,并首先加入set标签,改标签如下:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
</set>
3.在该标签中加入rotate,alpha,scale或translate标签

4.在代码中使用AnimationUtils当中装载xml文件,并生成Animation对象


下面是代码

MainActivity.java

package com.yx.animations01;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

    private Button scaleButton=null;
    private Button rotateButton=null;
    private Button alphaButton=null;
    private Button translateButton=null;
    private ImageView imageView = null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        scaleButton = (Button) findViewById(R.id.scaleButton);
        scaleButton.setOnClickListener(new scaleButtonListener());
        
        rotateButton = (Button) findViewById(R.id.rotateButton);
        rotateButton.setOnClickListener(new rotateButtonListener());
        
        alphaButton = (Button) findViewById(R.id.alphaButton);
        alphaButton.setOnClickListener(new alphaButtonListener());
        
        translateButton = (Button) findViewById(R.id.translateButton);
        translateButton.setOnClickListener(new translateButtonListener());
        
        imageView = (ImageView) findViewById(R.id.imageViewId);
    }

    class scaleButtonListener implements OnClickListener{
        @Override
        public void onClick(View v) {
            Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.scale);
            imageView.startAnimation(animation);
        }
    }
    
    class rotateButtonListener implements OnClickListener{
        @Override
        public void onClick(View v) {
            Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotate);
            imageView.startAnimation(animation);
        }
    }
    
    //淡入淡出
    class alphaButtonListener implements OnClickListener{
        @Override
        public void onClick(View v) {
            //使用AnimationUtils装载动画设置文件
            Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);
            imageView.startAnimation(animation);
        }
    }
    
    class translateButtonListener implements OnClickListener{
        @Override
        public void onClick(View v) {
            Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate);
            imageView.startAnimation(animation);
        }
    }
    
}

下面分别是四个xml

alpha.xml

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

rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <rotate android:fromDegrees="0"
        android:toDegrees="+350"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="3000"></rotate>
    <!--
        android:pivotX的值有三种设置方法
        android:pivotX="50"这种方法使用绝对定位
        android:pivotX="50%"这种方法为相对控件本身的定位
        android:pivotX="50%p"这种方法相对于控件的父控件定位
     -->

</set>

scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <scale
        android:fromXScale="1.0"
        android:toXScale="0.0"
        android:fromYScale="1.0"
        android:toYScale="0.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="2000"
        ></scale>
</set>

translate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="50%"
        android:toXDelta="100%"
        android:fromYDelta="0%"
        android:toYDelta="100%"
        android:duration="2000"
        />
</set>
注意xml文件的放置位置


  相关解决方案