Android应用开发（下册）L7 动画 上机课.pptVIP

第七章 动 画 　 上 机 课 上机内容 帧动画 补间动画 在Layout组件上使用动画 上机目标 掌握帧动画 掌握补间动画 掌握在Layout组件上使用动画 上机任务 结合帧动画和补间动画开发一个“蝴蝶飞舞”的效果 在GridView组件上使用渐变和缩放动画效果 阶段任务一：指导部分 任务说明： 结合帧动画和补间动画开发一个“蝴蝶飞舞”的效果 阶段任务一：指导部分 实现思路 蝴蝶飞行时振翅效果是帧动画，蝴蝶飞行时位置改变是补间动画 阶段任务一：指导部分 实现过程 动画资源res\anim\butterfly.xml ?xml version=1.0 encoding=utf-8? !-- 定义动画循环播放 -- animation-list xmlns:android=/apk/res/androidandroid:oneshot=false item android:drawable=@drawable/butterfly_f01 android:duration=120 / item android:drawable=@drawable/butterfly_f02 android:duration=120 / item android:drawable=@drawable/butterfly_f03 android:duration=120 / item android:drawable=@drawable/butterfly_f04 android:duration=120 / item android:drawable=@drawable/butterfly_f05 android:duration=120 / item android:drawable=@drawable/butterfly_f06 android:duration=120 / /animation-list 阶段任务一：指导部分 实现过程 2. 布局文件main.xml ?xml version=1.0 encoding=utf-8? LinearLayout xmlns:android=/apk/res/androidandroid:orientation=vertical android:layout_width=fill_parentandroid:layout_height=fill_parent android:background=#fff ImageView android:id=@+id/butterfly android:layout_width=wrap_content android:layout_height=wrap_content android:background=@anim/butterfly / /LinearLayout 阶段任务一：指导部分 实现过程 3. Butterfly.java public class Butterfly extends Activity { // 记录蝴蝶ImageView当前的位置 private float curX = 0; private float curY = 50; // 记录蝴蝶ImageView下一个位置的座标 float nextX = 0; float nextY = 0; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // 获取显示蝴蝶的ImageView组件 final ImageView imageView = (ImageView) findViewById(R.id.butterfly); 阶段任务一：指导部分 实现过程 3. Butterfly.java final Handler handler = new Handler() { public void handleMessage(Message msg) { if (msg.what == 0x123) { // 横向上一直向右飞 if (nextX 320) { curX = nextX = 0; } else { nextX += 8; }