《App Inv entor 安卓手机应用开发简易入门》选修课程 第五章 59 第2 节校园开心问答 本节概要: 本章将通过HappyQA 的课例,结合校园的一些趣味问答,引入LIST 的列表数据类型,并基于列表的模块操作,制作成一个校园开心问答,丰富学生所涉及到的相关数据,以便制作更有趣的应用。 学习要点 自定义List 相关数据类型,用来存放问答数据 透彻理解List 的相关操作,会循环遍历 优化程序模块数学思维,简单了解程序抽象概念 点击下一题时实现题目、图片的切换 认识新模块 表3-2-1 类型 名称 用途 List: 列表 用于显示问题和装载答案 实例探究: HappyQA 在输入框里输入答案,点击提交,画面切换成笑脸则表明题目答对。否则切换成,按下一题出现下一个题目 图 5-2-1: 程序界面 1 图 5-2-2:程序界面 2 《App Inventor 安卓手机应用开发简易入门》选修课程 第五章 60 界面设计与组件构成: 图 5-2-3 最终 UI 界面 组件的拖放和设置 图 5-2-4 组件清单:1 个图片组件,1 个垂直布局组件:1 个标签,1 个水平组件:1个输入框,1 个按钮,最后一个下一题的按钮详细表如下:5-2-5 组件所属列表 组件名字 属性名 属性值 说明 User Interface Imagequestion Height 300 背景 Layout Verticalarrangement1 Picture 1.Png 显示鼹鼠 User Interface Labquestion Height 10 显示血条 Layout Horizontalarrangement1 水平布局控件 User Interface Textboxanswer Text 已打击 User Interface Btnup Text 0 User Interface Btnnext Text Life Block 块编程拼接搭建 在进行 Block 之前,我们先来回顾该应用的大致流程如下图 《App Inv entor 安卓手机应用开发简易入门》选修课程 第五章 61 图5-2-6 答题系统的退出按钮不在流程图里,流程图的事件流只涉及到点答题或者点下一题, 要实现课例的需求,则需要用Block编程模块需要考虑以下以下几个问题: ○1 题目的切换效果 切换之前要先实现数据的存储,这里使用新的数据类型 List,需要先使用相关模块自定义 List 数据。(图5-2-7) 定义了三个List 问题、答案、还有每一题的图片,三个List 分别为:QuesList,AnswerList,ImageList。 Tip:图片List存放的是图片名字字符 显示问题时,我们要避免直接输入字符:观察图虽然 A 和 B 显示的结果是一样,但是在后续 A ...