初学Android,图形图像之补间动画(三十六)
2012-08-30 17:45
369 查看
补间动画,开发人员只需指定开始,动画结束"关键帧",而动画变化的"中间帧"由系统计算,并补齐,所以被称为补间动画
上面的例子就是这样,只是定义了动作,变化的帧都由Android自行计算
主要是定义Interpolator参数,其API列表就不写了,用的时候再查
上面的例子定义了两个动画文件
anim.xml
<?xml version="1.0" encoding="UTF-8"?> <!-- 指定动画匀速改变 --> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator"> <!-- 定义缩放变换 --> <scale android:fromXScale="1.0" android:toXScale="0.01" android:fromYScale="1.0" android:toYScale="0.01" android:pivotX="50%" android:pivotY="50%" android:fillAfter="true" android:duration="3000"/> <!-- 定义透明度的变换 --> <alpha android:fromAlpha="1" android:toAlpha="0.05" android:duration="3000"/> <!-- 定义旋转变换 --> <rotate android:fromDegrees="0" android:toDegrees="1800" android:pivotX="50%" android:pivotY="50%" android:duration="3000"/> </set>
reverse.xml
<?xml version="1.0" encoding="UTF-8"?> <!-- 指定动画匀速改变 --> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator" android:startOffset="3000"> <!-- 定义缩放变换 --> <scale android:fromXScale="0.01" android:toXScale="1" android:fromYScale="0.01" android:toYScale="1" android:pivotX="50%" android:pivotY="50%" android:fillAfter="true" android:duration="3000"/> <!-- 定义透明度的变换 --> <alpha android:fromAlpha="0.05" android:toAlpha="1" android:duration="3000"/> <!-- 定义旋转变换 --> <rotate android:fromDegrees="1800" android:toDegrees="0" android:pivotX="50%" android:pivotY="50%" android:duration="3000"/> </set>主界面
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center_horizontal"> <Button android:id="@+id/bn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/play" /> <ImageView android:id="@+id/girl" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitCenter" android:src="@drawable/girl" /> </LinearLayout>
主界面代码,控制播放动画
package Wangli.Graphics.TweenAnim; import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.view.View; import android.view.View.OnClickListener; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.ImageView; public class TweenAnim extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); final ImageView girl = (ImageView)findViewById(R.id.girl); //加载第一份动画资源 final Animation anim = AnimationUtils.loadAnimation(this, R.anim.anim); //设置动画结束后保留结束状态 anim.setFillAfter(true); //加载第二份动画 final Animation reverse = AnimationUtils.loadAnimation(this, R.anim.reverse); //设置动画结束后保留结束状态 reverse.setFillAfter(true); Button bn = (Button)findViewById(R.id.bn); final Handler handler = new Handler() { public void handleMessage(Message msg) { if(msg.what == 0x123) { girl.startAnimation(reverse); } } }; bn.setOnClickListener(new OnClickListener() { public void onClick(View arg0) { girl.startAnimation(anim); //设置3.5秒后启动第二个动画 new Timer().schedule(new TimerTask() { public void run() { handler.sendEmptyMessage(0x123); } }, 3500); } }); } }
相关文章推荐
- 初学Android,图形图像之混合使用逐帧动画和补间动画(三十七)
- 初学Android,图形图像之自定义补间动画(三十八)
- 初学Android,图形图像之在指定点(坐标)播放动画(三十五)
- Android图形与图像处理-补间动画
- Android图形与图像处理-补间动画
- Android开发--图形图像与动画(五)--详解LayoutAnimationController
- Android开发--图形图像与动画(五)--详解LayoutAnimationController
- Android图形图像动画的生成
- Android开发之图形图像与动画(二)Animation实现图像的渐变/缩放/位移/旋转
- Android开发--图形图像与动画(三)--Animation效果的XML实现
- 初学Android,图形图像之使用drawBitmapMesh扭曲图像(三十二)
- Android开发--图形图像与动画(三)--Animation效果的XML实现
- 初学Android,图形图像之使用Path类(二十六)
- 初学Android,图形图像之使用逐帧动画(三十四)
- Android开发之图形图像与动画(三)Animation效果的XML实现
- Android 图形与图像动画 知识框架
- 初学Android,图形图像之使用SurfaceView(四十)
- 初学Android,图形图像之使用双缓冲画图(二十七)
- 初学Android,图形图像之使用双缓冲画图(二十七)
- (转)初学Android,图形图像之使用Bitmap和BitmapFactory(二十四)