《2022年AppInventor安卓手机应用开发简易入门- .pdf》由会员分享，可在线阅读，更多相关《2022年AppInventor安卓手机应用开发简易入门- .pdf（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、App Inventor 安卓手机应用开发简易入门选修课程第五章59 第 2 节校园开心问答本节概要：本章将通过 HappyQA 的课例，结合校园的一些趣味问答，引入LIST 的列表数据类型， 并基于列表的模块操作， 制作成一个校园开心问答， 丰富学生所涉及到的相关数据，以便制作更有趣的应用。学习要点自定义 List 相关数据类型，用来存放问答数据透彻理解 List的相关操作，会循环遍历优化程序模块数学思维，简单了解程序抽象概念点击下一题时实现题目、图片的切换认识新模块表 3-2-1 类型名称用途List：列表用于显示问题和装载答案实例探究： HappyQA 在输入框里输入答案，点击提交，画面
2、切换成笑脸则表明题目答对。否则切换成，按下一题出现下一个题目图 5-2-1 ： 程序界面 1 图 5-2-2 ：程序界面2 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 6 页 - - - - - - - - - App Inventor 安卓手机应用开发简易入门选修课程第五章60 界面设计与组件构成：图 5-2-3最终 UI 界面组件的拖放和设置图 5-2-4 组件清单： 1 个图片组件， 1 个垂直布局组件： 1 个标签， 1 个水平组件： 1个输入框， 1 个按钮
3、，最后一个下一题的按钮详细表如下：5-2-5 组件所属列表组件名字属性名属性值说明User InterfaceImagequestion Height 300 背景LayoutVerticalarrangement1 Picture 1.Png 显示鼹鼠User InterfaceLabquestion Height 10 显示血条LayoutHorizontalarrangement1 水平布局控件User InterfaceTextboxanswer Text 已打击User InterfaceBtnup Text 0 User InterfaceBtnnext Text Life Blo
4、ck 块编程拼接搭建在进行 Block 之前，我们先来回顾该应用的大致流程如下图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 6 页 - - - - - - - - - App Inventor 安卓手机应用开发简易入门选修课程第五章61 图 5-2-6 答题系统的退出按钮不在流程图里，流程图的事件流只涉及到点答题或者点下一题，要实现课例的需求，则需要用Block 编程模块需要考虑以下以下几个问题：1 题目的切换效果切换之前要先实现数据的存储， 这里使用新的数据类型 L
5、ist，需要先使用相关模块自定义 List数据。 （图 5-2-7 ）定义了三个List 问题、答案、还有每一题的图片， 三个List分别为:QuesList ，AnswerList,ImageList。Tip ：图片 List存放的是图片名字字符显示问题时，我们要避免直接输入字符：观察图虽然A和 B 显示的结果是一样，但是在后续 A方式会相当繁琐，使用了List表之后就比较轻松，根据List号索引即可得到值。（下图5-2-8 ）图 5-2-8 由此，我们知道，切换题目的核心在于改变QuesList的索引就可。定义一个变量，初始值为1，切换的时候索引值 +1就可以。名师资料总结 - - -精品
6、资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 6 页 - - - - - - - - - App Inventor 安卓手机应用开发简易入门选修课程第五章62 图 5-2-9 问题 1：在切换时，我们需要对上一题的显示答案组件做一个什么操作？在改变当前题目的题干即LabQuestion 的值为当前列表的值时， 并把上一次的答案 TextBoxAnswerde 值设为空字符。图 5-2-10 问题 2：索引一直累加存在一个什么问题？图 5-2-11 索引值因为一直增大，超出了列表长度时，程序会报错，
7、所以需要在最高值用 做一个什么操作呢？答案：【判断是否最大值，是索引就降为1】这样我们的切换效果就没有问题了，图片的切换也是如此。图 5-2-12 2. 题目的判断题目的判断就是一个字符的比较过程，这里用数学当中的比较模块就可以了在解决了之前索引的问题之后， 这个模块就相对轻松多了。 为了让输入的答案有名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 6 页 - - - - - - - - - App Inventor 安卓手机应用开发简易入门选修课程第五章63 结果，我们
8、以哭脸和笑脸的形式呈现。图 5-2-13 完整：图组 5-2-14 代码解读：本案例主要涉及定义List 数据，以数学方式让 List 索引值形成循环遍历 （最大值时降为 1） ，用到了取 List 长度的模块。初始化第一题后，每一次点击下一题切换到下一题。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 6 页 - - - - - - - - - App Inventor 安卓手机应用开发简易入门选修课程第五章64 测试：项目的保存和导出保存: Project -Save
9、 Project 导出: Project -My Project - Export Selected Project (Aia) To My Computer 默认下载目录 : 我的电脑我的文档Download 目录思维拓展任务任务 1：完善课例，美化界面，加入上一题按钮进阶任务：加强答题模式，限时、限错误次数。本节结束本章总结：这是校本课程内容的正式章节的最后一章，这一章第 1 小节讲了如何利用手机的自动回复功能来制作app，是真机的应用级 app ， 第 2 节以校园问答 app的形式来，可以让学生投入到更复杂有趣的手机应用开发中去。下章节预告：实践是我们永远的下一章，燃烧吧，小伙伴们 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 6 页 - - - - - - - - -