本帖最后由 liu 于 2018-12-27 16:02 编辑

TranslateAnimation位移动画

实现有两种方式：

一、xml+java代码

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

[XML] 纯文本查看 复制代码<?xml version="1.0" encoding="utf-8"?>

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"?>

android:layout_width="match_parent"

android:gravity="center_vertical"

android:layout_height="match_parent">

android:id="@+id/btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center"

android:text="translate" />

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);

}

});

}

}运行结果：

x.gif (111.9 KB, 下载次数: 6)

2018-12-27 15:51 上传

二、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);

}

}

运行结果：

x.gif (75.24 KB, 下载次数: 6)

2018-12-27 15:59 上传