• 首页
  • 教育理念
  • 文章专题
  • 编程教程
    • – Scratch编程教程
    • – AppInventor编程
    • – Python编程教程
    • – NOIP信息学奥赛
    • – C/C++编程教程
    • – JS编程教程
  • 少儿编程学院
    • – 在线课程
    • – 学院名师
    • – 动态资讯
  • 少儿编程社区
    • – 在线编程
    • – 编程作品
    • – 专题创作
  • 更多
    • – APP客户端
    • – 关于我们
    • – 寻求合作
    • – 少儿编程联盟
投稿 登录 注册
  • 首页
  • 文章专题
  • 教育理念
  • 编程教程
  • 少儿编程学院
  • 微信公众号
  • APP客户端
少儿编程学院
少儿编程教育-微信公众号
首页 › 编程教程 › AppInventor编程教程 › 正文
AppInventor教程AppInventor编程编程教程编程教育

App Inventor编程开发集锦1-水果配对-第1课-界面设计

17coding17coding AppInventor编程教程 2018-06-10 10,587 18
App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网

App Inventor编程开发集锦-目录

App Inventor编程开发集锦是App Inventor编程教程的延伸,通过PBL项目制的实战案例,讲解App ...

第0课 游戏描述

游戏的用户界面如图1- 1所示,功能描述如下:

  1. 时间因素:限制游戏时长(如60秒),剩余时间是最后得分的奖励因数;
  2. 空间因素:用户界面上有16张卡片,排成4×4的方阵,显示背面图案(安卓机器人);16张卡片的正面图案为8种水果,可以两两配对;
  3. 游戏操作——翻牌:玩家先翻开一张卡片,再翻开另一张卡片,如果两张卡片的正面图案相同,则两张卡片保持翻开状态;如果两张卡片的正面图案不同,两张卡片将闪现片刻,然后反转回去,显示背面图案。
  4. 计分规则:每翻开一对卡片得10分;如果在规定时间内翻开所有卡片,满分为80分;剩余游戏时间×10作为奖励得分,与翻牌得分一同计入总分;如果在规定时间内没有翻开所有卡片,则不计分;
  5. 历史记录:首次游戏得分被保存在手机中,在每次游戏完成时,将本次得分与历史记录进行比较,并保存高的得分;玩家可以清除游戏成绩的历史记录;
  6. 退出游戏:玩家在完成一轮游戏后,可以选择退出游戏。

App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网
图1- 1 水果配对游戏的用户界面
在软件工程中,“游戏描述”被称为软件开发文档中的“需求文档”,是整个软件开发过程中的第一个文档,也是撰写其他文档的重要依据,后续文档包括设计文档、测试文档及用户手册等,都要以这个文档为出发点,因此这个文档的撰写至关重要。

游戏描述与记叙文的写作有相似之处:记叙文中包含了时间、地点、人物、事件四大关键要素,而游戏描述中通常也会包含时间、空间、角色、事件等基本要素,也要描述角色在特定的时间、空间内的行为(所发生的事件)。

此外,游戏描述又与说明文相像,要求文字简练准确,内容具有条理性、客观性和完整性,不强调修辞方法的使用等等。一篇好的游戏描述为我们后续的应用程序开发提供了一份完整的框架及任务清单,我们的每一个开发步骤都会依据于这份文档,因此,前往不可对此掉以轻心。

有一种说法:需求文档中隐含了程序中的变量和过程,其中的名词有可能成为程序中的全局变量,而动词或动宾词组有可能成为程序中的过程。具体说,在游戏描述的第一条中,游戏时长、剩余时间及奖励因数都有可能成为程序中的全局变量;在第三条中,翻牌、闪现、反转等,有可能成为程序中的过程。如果名词、动词能够与变量、过程一一对应,那么编程的难度会大大降低,但实际上,游戏描述使用的是人类的自然语言,而自然语言存在很大的不确定性,同样的一个游戏,不同的人有可能使用不同的方法来描述它,因此,这种说法可以借鉴,但不能作为绝对的依据,将复杂的问题简单化。

第1课 界面设计

1、界面布局

屏幕被划分为两个部分:在屏幕顶部,使用了水平布局组件,内部放置了显示分数的标签和显示游戏剩余时间的数字滑动条;在屏幕的中央,使用了4X4表格布局组件,共16个单元格,每个单元格中放置一个按钮,来实现点击翻牌功能。如图1- 2所示。其中的组件清单见表1- 1,组件的属性设置见表1- 2。

App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网
图1- 2设计游戏的用户界面

表1- 1 组件清单 App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网

2、组件属性设置

表1- 2 组件的属性设置 App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网

3、上传资源文件

在组件属性设置完成后,上传游戏中将要用到的资源文件。如表1- 3所示,共10张图片,其中用于显示卡片正面图案的水果图片8张、卡片的背面图片1张,用于产品发布的图标图案1张(菠萝的卡通画,ananas.jpg)。上传结果如图1- 3所示。

App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网
图1- 3 上传资源文件(图片)

表1- 3 资源规格(大小:80×80,单位:像素) App Inventor编程开发集锦1-水果配对-第1课-界面设计-少儿编程教育网

 

喜欢 (18)
打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
微博 微信 QQ

微信扫一扫,分享到朋友圈

微信公众号
编程少年Scratch实物积木
少儿编程教育-微信公众号
上一篇

2018年多地高考数学惊现编程题!人工智能成爆款专业志愿!

下一篇

App Inventor编程开发集锦1-水果配对-第2课-屏幕初始化

猜你喜欢

  • 教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

    教育部重磅!青少年编程能力等级考试来了!少儿编程教育全面普及!

  • 亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

    亲身经历青少年AI人工智能技术等级考试!北京大学出题,工信部发证!

  • 这份1000万人收藏的计算机科学速成课,快来免费领取吧!

    这份1000万人收藏的计算机科学速成课,快来免费领取吧!

  • 小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

    小学生教你学编程,8岁上海小学生开少儿编程课爆红网络!

  • 少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

    少儿学编程好吗?为什么学少儿编程?少儿编程学什么?

  • 计算机科学速成课-第6课:寄存器和内存

    计算机科学速成课-第6课:寄存器和内存

17coding
17coding投稿者

我真的不是自黑!

中国STEAM教育2018年度风云榜

微信公众号

推荐专题

  • 有趣的少儿编程游戏推荐

    查看专题
  • 国外优秀的少儿编程教育

    查看专题
  • S科学-T技术-E工程-M数学

    查看专题

猜你喜欢

  • 信息学路上,从小白到大牛距离有多远?
    2017-11-07

    信息学路上,从小白到大牛距离有多远?

  • 登月50年|当年的登月程序真的是“编制”出来的

    登月50年|当年的登月程序真的是“编制”出来的

    2019-07-19
  • 2020年前取消特长生招生!普通中小学招生入学要求来了!

    2020年前取消特长生招生!普通中小学招生入学要求来了!

    2018-02-23
  • 贝尔编程正式发布!受邀参加第74届中国教育装备展!

    贝尔编程正式发布!受邀参加第74届中国教育装备展!

    2018-05-13
  • DP问题详解 之 初识动态规划

    DP问题详解 之 初识动态规划

    2017-11-10

热门文章

    暂无文章

热门标签

鲨鱼公园高考改革高考加分青橙创客青少儿防疫阿部和广错误观念逻辑思维费米科学贝尔科教谷歌教育计算机科学计算机思维解决方案西瓜创客

微信公众号

热门文章 热门标签 年度归档 少儿编程教育联盟

Copyright © 2021 少儿编程教育网 粤ICP备17057575号 · Designed by shaoerbc.org

大家都在搜

  • Scratch教程
  • scratch2下载
  • Scratch编程
  • 编程思维
  • 信息学奥赛
  • STEM教育
  • 编程一小时
  • 自主招生
  • 少儿编程竞赛

关注我们的公众号

微信公众号