App Inventor 2 开发问答App

news/2024/10/17 18:23:08/

应用介绍

一个最基本的问答App开发,问答数据源来自csv文件格式,方便后续拓展成网络版的问答App。
事先出好题目、ABCD选择项及正确答案,先存在列表中,然后按顺序出题,答对则继续下一题,答错则Game over。

答题App截图

问答App教程(难度系数:★★)

教程入口:fun123.cn -> 登陆 -> “项目指南” -> 问答App"开始学习"。

App基本逻辑设计

  1. 一开始就把题目及答案出好,按照一定的格式存储(推荐csv格式,即逗号分隔存储)。
  2. 将题目及答案显示在屏幕上。
  3. 处理用户点击答案的事件,判断回答是否正确。

开始出题

题目及答案出好,语数英各来一个,完美!代码如下:

题目及答案出好

每个题目一个字符串组成题目的列表,字符串由题目本身 + 正确答案 + 四个选项组成,中间用英文逗号分隔(注意csv格式一定是英文逗号,中文逗号不符合规范)。

显示题目及答案

添加一个标签及4个按钮,用于显示题目及答案,如下:

添加一个标签4个按钮

定义几个变量:

定义几个变量

定义一个过程“出题”,过程的作用可参考文档。

定义出题过程

屏幕初始化时,开始出题:

屏幕初始化出题

此时,可以验证一下,题目是否可以正常显示在屏幕上。

检查回答是否正确

定义一个过程“检查答案”,设置一个参数“答案”:

定义检查答案过程

ABCD四个按钮分别添加点击事件,分别检查这4种答案:

检查按钮答案

此时,可以试试点击答案按钮,回答是否正确了。

可继续完善的方向

目前只是一个基本的答题框架,可以考虑以下方向继续完善答题App:

  1. 改为读本地csv文件,这样仅通过修改csv文件就可以更新题目库了,而不用修改代码。
  2. 改为通过WebAPI组件访问网络url获取csv格式文件,这样网络端修改即可更新题目库。
  3. 考虑支持多种类型的题目,比如多选、对错题。

http://www.ppmy.cn/news/47258.html

相关文章

C# 中的异步编程模型(Async/Await)和并行编程模型(Parallel)。

C# 中的异步编程模型(Async/Await)和并行编程模型(Parallel)是在处理异步操作和并行处理任务方面非常重要的概念。 异步编程模型(Async/Await): 异步编程模型(Async/Await&#xf…

React 条件渲染组件

组件通常需要根据不同的条件显示不同的内容,以及根据应用的状态变化只渲染其中的一部分。 在 React 中,可以使用 JavaScript 语法有条件地呈现 JSX,比如 if 语句、&&和 ?: 操作符。 根据条件返回 JSX Demo.js 文件: …

Spring之 @Configuration

Spring 提供了丰富的特性和功能,包括依赖注入、面向切面编程、事务管理、数据访问、Web应用程序开发等。其中,Configuration 是 Spring 中的一个注解,它用于标记一个类为配置类,通过配置类可以定义和组装 Spring Bean,…

缓存优化---环境搭建

缓存优化 为什么要使用redis缓存&#xff1f; 问题说明 用户数量多&#xff0c;系统访问大&#xff0c;频繁访问数据库&#xff0c;系统性能下降&#xff0c;用户体验差 环境搭建 maven坐标 在项目中的pom.xml文件中导入spring data redis的maven坐标&#xff1a; <depen…

数据结构---二叉树

专栏&#xff1a;数据结构 个人主页&#xff1a;HaiFan. 专栏简介&#xff1a;这里是HaiFan.的数据结构专栏&#xff0c;今天的内容是二叉树。 二叉树 树的概念及结构二叉树概念及结构二叉树的概念二叉树的存储结构 二叉树的顺序结构及实现大根堆和小根堆堆的实现及其各个接口堆…

DLRover: 云上自动扩缩容 DeepRec 分布式训练作业

背景 如今&#xff0c;深度学习已广泛应用在搜索、广告、推荐等业务中&#xff0c;这类业务场景普遍有两个特点&#xff1a; 1&#xff09;训练样本量大&#xff0c;需要分布式训练提升训练速度&#xff1b; 2&#xff09;模型稀疏&#xff0c;即模型结构中离散特征计算逻辑占…

【Vue】学习笔记-Vue生命周期

引出生命周期 生命周期 a.又名生命周期回调函数、生命周期函数、生命周期钩子 b.是什么&#xff1a;vue 在关键时刻帮助我们调用一些特殊名称的函数 c.生命周期函数的名字不可更改&#xff0c;但函数的具体内容是程序员根据需求编写的 d.生命周期函数中的this指向是vm或组件实…

SpringBoot 表单提交全局日期格式转换器

参考资料 SpringBoot–LocalDateTime格式转换(前端入参)SpringBoot InitBinder注解绑定请求参数 目录 一. 实现Converter<S, T>接口的方式二. 全局ControllerAdvice InitBinder注解的方式三. RequestMappingHandlerAdapter的方式四. 效果 分析 ⏹当前台的提交数据的Con…