动画学习android,Android学习——Animation动画效果

1.Android动画模式：

1>tweened animation: 渐变动画；

2>frame by frame: 画面转换动画.

2.Android的Animation动画由四种类型组成：XML

alpha渐变透明度动画效果

scale渐变尺寸伸缩动画效果

translate画面转换位置移动动画效果

rotate画面转移旋转动画效果

Java代码

AlphaAnimation渐变透明度动画效果

ScaleAnimation渐变尺寸伸缩动画效果

TranslateAnimation画面转换位置移动动画效果

RotateAnimation画面转移旋转动画效果

3.动画效果示例

在res/下新建anim文件夹，下面动画文件放入anim下面

1> alpha 淡入效果：<?xml  version="1.0" encoding="utf-8"?>

android:fromAlpha="0.0"

android:toAlpha="1.0"

android:duration="2000"  />

2>alpha 淡出效果：<?xml  version="1.0" encoding="utf-8"?>

android:fromAlpha="1.0"

android:toAlpha="0.0"

android:duration="2000"  />

3> rotate 旋转效果：<?xml  version="1.0" encoding="utf-8"?>

android:fillAfter="false"

android:zAdjustment="bottom" >

android:duration="4000"

android:fromDegrees="0"

android:pivotX="50%"

android:pivotY="50%"

android:toDegrees="360" />

4> scale缩放效果：

android:duration="10000"

android:fromXScale="0.0"

android:fromYScale="0.0"

android:interpolator="@android:anim/decelerate_interpolator"

android:pivotX="50%"

android:pivotY="50%"

android:repeatCount="1"

android:repeatMode="reverse"

android:startOffset="0"

android:toXScale="1.5"

android:toYScale="1.5" />

5> translate 移动效果：<?xml  version="1.0" encoding="utf-8"?>

android:duration="4000"

android:fromXDelta="0"

android:fromYDelta="0"

android:toXDelta="50"

android:toYDelta="0" />

在代码中引用动画文件：public class MainActivity extends Activity implements android.view.View.OnClickListener {

private TextView tvShow;

private Button btnRotate,btnFadeOut,btnFadeIn,btnScale,btnTranslate;

private Animation animation = null;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

tvShow = (TextView) findViewById(R.id.tvShow);

btnRotate = (Button) findViewById(R.id.btnRotate);

btnRotate.setOnClickListener(this);

btnFadeOut = (Button) findViewById(R.id.btnFadeOut);

btnFadeOut.setOnClickListener(this);

btnFadeIn = (Button) findViewById(R.id.btnFadeIn);

btnFadeIn.setOnClickListener(this);

btnScale = (Button) findViewById(R.id.btnScale);

btnScale.setOnClickListener(this);

btnTranslate = (Button) findViewById(R.id.btnTranslate);

btnTranslate.setOnClickListener(this);

}

@Override

public void onClick(View v) {

switch (v.getId()) {

//翻转

case R.id.btnRotate:

animation = AnimationUtils.loadAnimation(this, R.anim.rotate);

break;

//淡出

case R.id.btnFadeOut:

animation = AnimationUtils.loadAnimation(this, R.anim.alpha_fadeout);

break;

//淡入

case R.id.btnFadeIn:

animation = AnimationUtils.loadAnimation(this, R.anim.alpha_fadein);

break;

//缩放

case R.id.btnScale:

animation = AnimationUtils.loadAnimation(this, R.anim.scale);

break;

//平移

case R.id.btnTranslate:

animation = AnimationUtils.loadAnimation(this, R.anim.translate);

break;

default:

break;

}

if(animation != null){

tvShow.startAnimation(animation);

}

}

}

效果见下图：