《App Inv entor 安卓手机应用开发简易入门》选修课程 第三章 33 第2 节快乐打鼹鼠——HappyKick 本节概要: 本章将通过HappyKick 的课例,介绍新组件 canv as、ImageSprint,在后续中添加计时器组件。围绕 canv as 的点击事件,配合一些常用控件,达到打鼹鼠的游戏效果,为了让游戏更有趣和耐玩性,增加了生命值和血条等参数。通过学习本节,让学生明白,做一个安卓小游戏,也是一件很简单的事。 学习要点 熟悉 canv as、ImageSprint 组件 熟悉计时器组件 设置自变量来显示血条 认识新组件 表 3-2-1 类型 名称 用途 Canv as 组件: 画布 用于打鼹鼠的背景 ImageSprint 组件: 图片精灵 装载鼹鼠图像 Clock 组件: 计时器组件 定时事件 表 3-2-2 :Image 组件与 ImageSprint 组件的异同点 ImageSprint Image 组件 相同 都是放置图片的组件,用于显示图片 不同点 是 canv as 的内部组件,要依赖于 canv as 存在,不能单独存在。 一般的图片组件,独立使用,没有点击事件。 实例探究: HappyKick 图 3-2-3: 程序界面 1 图 3-2-4:程序界面 2 《App Inv entor 安卓手机应用开发简易入门》选修课程 第三章 34 界面设计与组件构成: 图3-2-5 最终UI 界面 组件的拖放和设置 图3-2-6 图3-2-4 所示。界面主要涉及到的是第一次用都的canvas 组件,ImageSprit、 Clock 组件,拖曳。 组件清单:2 个 canvas,1 个图片精灵 2 个水平布局组件,垂直组件目录下:1 个 Image,1 个按钮,一个声音组件,界面设计和详细表如下:3-2-7 组件所属列表 组件名字 属性名 属性值 说明 Drawing and Animation Canvas1 height 300 背景 Drawing and Animation Imgs_BeCatch picture 1.png 显示鼹鼠 Drawing and Animation Canvas2 height 10 显示血条 Layout HorizontalArrangement2 水平布局控件 User interface Lab_kick text 已打击 User interface lab_catch text 0 User interface Lab_life text life User interface Lab_nowlife text 0 Layout HorizontalArrangement1 水平控件 User interface Btn_again text 重新开始 User interface Btn_cancel text 退出 User interface Clock1 TimerInterval 1000 1 秒执行一次 《App Inventor 安卓手机应用开发简易入门》选修课程 第...