《App Inv entor 安卓手机应用开发简易入门》选修课程 第三章 27 第 三章 互动小应用 通过前面三个课堂案例的教学应用，大部分同学已经掌握了基础的操作知识，接下来我们就可以做一点互动性更强的小应用。自动售货机HappySolt，是一个比较综合型的小应用，主要是对前面知识的巩固。而HappyKick 是比较经典的打地鼠游戏，结合了canvas 的特性,做了一些针对性的简化，这两个程序都针对学有余力的同学们的都有很大的后续强化空间。 第1 节小小自动售货机——HappySolt 本节概要： 本章将通过Happy Solt 引入了一个投币与购买的互动情节，利用已经掌握的知识，对前期知识进行一个综合整理，在这个实例中使用到了常用的按钮组件，标签组件图片组件、资源栏、布局控件，并用到了一定的数据计算结果反馈。 学习要点 继续熟悉用户组件Image 和布局控件、综合使用各种已学控件 表格布局控件-垂直和水平都可以布局的组件 掌握数据逻辑上的一些处理方法 实例探究： HappySolt HappySolt：实现的一个投币功能，投币按钮点击后，当前金额就会增加，点击饮料下方的get 按钮后，在金额足够的情况下，提示购买成功，否则提示余额不足。 图3-1-1： 程序初始界面 图3-1-2：购买成功 图3-1-3：购买不成功 《App Inv entor 安卓手机应用开发简易入门》选修课程 第三章 28 认识新组件 TableArrangement 组件:表格布局组件，可以支持水平和垂直多个组件布局。 如图所示，在该参数设置下，可在水平和垂直方向三个组件 图 3-1-4 上传资源 资源列表:3 个图片 图 3-1-5 界面设计与组件构成： 组件清单：1 个Label， 1 个垂直布局组件，垂直组件目录下：1 个Image，1个按钮，一个声音组件，界面设计和详细表如下： 图 3-1-6 最终 UI 界面 组件的拖放和设置 该 app 涉及到的组件大多比较常规，但是因为有了表格布局组件，这个界面风格是以前没有过的。摆放的位置也更多了。 《App Inventor 安卓手机应用开发简易入门》选修课程 第三章 29 图3-1-7 在参数设置时，尽量保持图片原有的宽高比，有助于界面没管程度。拖曳好控件之后我们可以根据下面做一些基本设置。 组件所属列表 组件名字 属性名 属性值 备注说明 User interface LabMsg Text welcome 初始值 Layout HorizontalArrangement1 Width Fill parent 紧挨上层组件 User interface Label3 Text 当前金额 User ...
