本帖最后由 liu 于 2018-12-27 16:02 编辑
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);
}
}
运行结果:
|