Android新手开发之旅-Android动画之位移动画

liu

TranslateAnimation位移动画




实现有两种方式：

一、xml+java代码

在res下新建anim文件夹，在res/anim下新建translate.xml:

[XML] 纯文本查看 复制代码

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:interpolator="@android:anim/linear_interpolator"
    android:repeatCount="-1"
    android:repeatMode="reverse"
    android:toXDelta="100%p"
    android:toYDelta="0%" />

android:duration             动画持续时长
android:fillAfter              动画结束之后是否保持动画的最终状态
android:fillBefore            动画结束之后是否保持动画开始前的状态
android:fromXDelta         动画开始时，在X轴方向上的位置
android:fromYDelta         动画开始时，在Y轴方向上的位置
android:interpolator         动画插值器
android:repeatCount        动画重复的次数
android:repeatMode         动画重复的Mode
android:startOffset           动画播放延迟时长
android:toXDelta              动画移动在X轴的目标位置
android:toYDelta              动画移动在Y轴的目标位置

动画开始和结束时的X、Y坐标位置的值有三种：
1、数字                           例如100,单位dp
2、百分比                        例如100%，相对于自己控件宽度的百分比
3、百分比+”p”                  例如100%p，相对于自己控件的父控件的百分比


activity_main.xml:

[XML] 纯文本查看 复制代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:gravity="center_vertical"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="translate" />

</RelativeLayout>

java代码：

[Java] 纯文本查看 复制代码

package com.imooc.helloworld.firstapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewStub;
import android.view.animation.AnimationUtils;
import android.view.animation.TranslateAnimation;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

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

        final Button button = (Button) findViewById(R.id.btn);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                TranslateAnimation translateAnimation = (TranslateAnimation) AnimationUtils.loadAnimation(MainActivity.this, R.anim.translate);
                view.startAnimation(translateAnimation);
            }
        });
    }

}

运行结果：

        


二、java代码实现

[Java] 纯文本查看 复制代码

package com.imooc.helloworld.firstapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewStub;
import android.view.animation.AnimationUtils;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
private Button mButton;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mButton = (Button) findViewById(R.id.btn);
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                translate();
            }
        });
    }

    private void translate() {
        TranslateAnimation translateAnimation1 = new TranslateAnimation(0,300,0,0);
        //设置动画持续时长
        translateAnimation1.setDuration(1000);
        //设置动画结束之后的状态是否是动画的最终状态
        translateAnimation1.setFillAfter(true);
        //设置动画的重复模式：反转REVERSE和重新开始RESTART
        translateAnimation1.setRepeatMode(ScaleAnimation.REVERSE);
        //设置动画播放次数
        translateAnimation1.setRepeatCount(-1);
        //开始动画
        mButton.startAnimation(translateAnimation1);
    }

}

运行结果：


         

Amy

强烈支持楼主ing……

竹林风

真是难得给力的帖子啊。

站长苏飞

我只是路过打酱油的。

范范

强烈支持楼主ing……

惜

看到这帖子真是高兴！