第三章互动小应用
通过前面三个课堂案例的教学应用，大部分同学已经掌握了基础的操作知识，接下来我们就可以做一点互动性更强的小应用。自动售货机HappySolt，是一个比较综合型的小应用，主要是对前面知识的巩固。而HappyKick是比较经典的打地鼠游戏，结合了canvas的特性，做了一些针对性的简化，这两个程序都针对学有余力的同学们的都有很大的后续强化空间。
第1节小小自动售货机——HappySolt
本节概要：
本章将通过HappySolt引入了一个投币与购买的互动情节，利用已经掌握的知识，对前期知识进行一个综合整理，在这个实例中使用到了常用的按钮组件，标签组件图片组件、资源栏、布局控件，并用到了一定的数据计算结果反馈。
学习要点
●继续熟悉用户组件Image 和布局控件、综合使用各种已学控件
●表格布局控件-垂直和水平都可以布局的组件
●掌握数据逻辑上的一些处理方法
实例探究： HappySolt
HappySolt：实现的一个投币功能，投币按钮点击后，当前金额就会增加，点击饮料下方的get按钮后，在金额足够的情况下，提示购买成功，否则提示余额不足。
图3-1-1：程序初始界面图3-1-2：购买成功图3-1-3：购买不成功
认识新组件
TableArrangement  组件：表格布局组件，可以支持水平和垂直多个组件布局。
如图所示，在该参数设置下，可在水平和垂直方向三个组件
图3-1-4
上传资源
资源列表:3个图片  图3-1-5
界面设计与组件构成：
组件清单：1个Label ，
1个垂直布局组件，垂直组件目录下：1个Image ，1个按钮，一个声音组件，界面设计和详细表如下：
图3-1-6最终UI 界面
组件的拖放和设置
该app 涉及到的组件大多比较常规，但是因为有了表格布局组件，这个界面风格是以前没有过的。摆放的位置也更多了。
图3-1-7
在参数设置时，尽量保持图片原有的宽高比，有助于界面没管程度。拖曳好
图3-1-8
Block块编程拼接搭建
界面的搭建相较于以前的几个例子，这个就稍微复杂一点，我们要先理清楚，这个自助售货机的流程是十分必要的。
投币增加金额， 点击get 时，触发条件判断，是购买成功还是失败由当前金额的金额是否够用决定
图
3-1-9安卓下载app
Tip ：使用条件选择模块，涉及到到三个按钮的模块，事件流还是很清楚的。
○
1投币按钮
图3-1-10
○
2BtnM1按钮Click 事件
图3-1-11
○
3BtnM2按钮Click 事件
图3-1-12
从以上模块我们可以看出，在此程序运行没有问题，但是如果万一哪个饮料的价格发生了变化，你需要在众多的模块中，把那个相关的模块出来，可以看到这样维护代码的工作量就多了，如何改变了，我们联想一下，上节课我们学的自变量，那么我们是不是也可以通过这样的方式来改进代码呢？
改进版本
○4BtnM1按钮与BtnM2按钮
图3-1-13
代码解读
本案例主要涉及了if-else模块，难度不大，而且之前都已经用的相对来说比较熟练。
测试
图3-1-14
项目的保存和导出
保存: Project ->Save Project

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。