Android-Animation动画基础复习

Android-Animation动画基础复习

动画是我最不了解的一部分，所以必须得学习了，之前都没有了解过，还是好好看书学习，

写几个例子记录一下，不会安卓动画，那么界面效果会大打折扣。

首先是布局文件：

activity_main.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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity">

<ImageView
android:id="@+id/id_image"
android:scaleType="fitXY"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerHorizontal="true"
android:src="@mipmap/anim3"/>

<LinearLayout
android:layout_marginTop="40dp"
android:id="@+id/id_layout1"
android:layout_below="@id/id_image"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<Button
android:id="@+id/id_alpha"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="透明"/>

<Button
android:id="@+id/id_scale"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="缩放"/>

</LinearLayout>

</LinearLayout>

</RelativeLayout>

主活动：

MainActivity.java

package com.xieth.as.animdemoone;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private Animation loadAnimation = null;

private ImageView image = null;
//透明按钮
private Button btnAlpha = null;

// 缩放按钮
private Button btnScale = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

initViews();

}

private void initViews() {
image = (ImageView) findViewById(R.id.id_image);
btnAlpha = (Button) findViewById(R.id.id_alpha);
btnAlpha.setOnClickListener(this);
btnScale = (Button) findViewById(R.id.id_scale);
btnScale.setOnClickListener(this);
}

@Override
public void onClick(View v) {
int id = v.getId();
switch (id) {
case R.id.id_alpha:
loadAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
image.startAnimation(loadAnimation);
break;
case R.id.id_scale:
loadAnimation = AnimationUtils.loadAnimation(this, R.anim.scale);
image.startAnimation(loadAnimation);
break;
default:
break;
}
}
}

其中启动动画是：

loadAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha);
image.startAnimation(loadAnimation);

透明度动画

alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<alpha
android:duration="3000"
android:fromAlpha="0.1"
android:toAlpha="1.0"
>

</alpha>

</set>

运行：



缩放

scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<scale
android:duration="2000"
android:fillAfter="false"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.0"
android:toYScale="1.0"
/>

</set>

运行：



位移动画

translate.xml

启动动画的代码都一样

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<translate
android:duration="1000"
android:fromXDelta="10"
android:fromYDelta="10"
android:toXDelta="100"
android:toYDelta="100"
/>

</set>

运行：



旋转动画

rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

<rotate
android:duration="1000"
android:fromDegrees="0"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:pivotY="50%"
android:pivotX="50%"
android:toDegrees="+360"
/>

</set>

运行：

组合动画

先位移再旋转

case R.id.id_alpha2:
// 先位移再旋转
loadAnimation = AnimationUtils.loadAnimation(this, R.anim.translate);
image.startAnimation(loadAnimation);
final Animation animation2 = AnimationUtils.loadAnimation(this, R.anim.rotate);
loadAnimation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {

}

// 当这个动画结束之后
@Override
public void onAnimationEnd(Animation animation) {
image.startAnimation(animation2);
}

@Override
public void onAnimationRepeat(Animation animation) {

}
});
break;

运行：

推荐一篇动画的博客，点击进入