您的位置: 主页>机器人编程>ROBOLAB编程>app inventor之简易留言板
加盟酷吧机器人 培养孩子核心能力

app inventor之简易留言板

新建项目 

单击窗口上部左侧的“新建项目”按钮,开发项目。单击“新建项目”后,会出现如图所示的提示,请输入项目名称。

app inventor之简易留言板

新建项目

4.Screen1组件设计

在Screen1中,添加以下组件:

组件

所属面板

命名

属性名

组件

Screen1

标题

留言板

应用名称

message

标签

用户界面

标签1

字号

30

显示文本

留言板

宽度

充满

文本对齐

居中

标签

用户界面

标签2

显示文本

留言主题:

文本输入框

用户界面

主题

宽度

充满

提示

标签

用户界面

标签3

显示文本

留言内容:

文本输入框

用户界面

内容

宽度

充满

高度

130像素

提示

组件

所属面板

命名

属性名

组件

标签

用户界面

标签4

显示文本

留言人:

文本输入框

用户界面

留言人

提示

水平布局

组件布局

水平布局1

宽度

充满

水平对齐

居中

按钮

用户界面

按钮1

显示文本

提交留言

按钮

用户界面

按钮2

显示文本

查看留言

网络数据库

数据存储

网络数据库1

计时器

传感器

计时器1

添加组件完成后,如下图所示

app inventor之简易留言板 

5.Screen1逻辑设计

1)定义一个全局变量message,用来存放从网络数据库中获取的留言列表。

app inventor之简易留言板

2)当Screen1初始化时,设置网络数据库1的网址(该网址可以从本课件中复制),并通过网络数据库1组件从网络数据库中获取数据;将获取到的数据存到全局变量message中。

app inventor之简易留言板

app inventor之简易留言板

   3)当点击按钮1时,判断是否输入了主题、内容和留言人,如果均不为空,则在message的第一项位置插入留言信息,信息中各项的顺序必须和数据库中存放的各字段顺序一致,依次为:主题、内容、留言人、留言时间;然后保存数据到网络数据库。

app inventor之简易留言板

说明:以下逻辑块的作用为获取当前时间,并显示格式如:2001-04-18 15:32:56

app inventor之简易留言板

 4)当数据保存完成或点击按钮2时,均转到board屏幕。

app inventor之简易留言板

6.board组件设计

  点击新增屏幕,将屏幕命名为board,如下图所示

app inventor之简易留言板

在board屏幕中添加以下组件

组件

所属面板

命名

属性名

组件

board

标题

留言列表

文本对齐

居中

标签

用户界面

标签1

字号

30

显示文本

留言列表

标签

用户界面

标签2

宽度

充满

显示文本

按钮

用户界面

按钮1

显示文本

发表留言

网络数据库

数据存储

网络数据库1

添加组件完成后,如下图所示

app inventor之简易留言板

7.board逻辑设计

1)定义一个全局变量message,用来存放从网络数据库中获取的留言列表。

app inventor之简易留言板

2)当Screen1初始化时,设置网络数据库1的网址(该网址可以从本课件中复制),并通过网络数据库1组件从网络数据库中获取数据。

app inventor之简易留言板

3)当网络数据库获取数据时,将获取到的数据存到全局变量message中;如果获得的数据是空列表,则在标签2上显示文本“暂时没有人留言”;将留言列表中的每一项显示在标签2上。

app inventor之简易留言板

说明:以下逻辑块中n表示换行,标签2的显示文本的作用是,当读取下一项数据时,前面的数据仍然显示在标签2上,不会被代替掉。

4)当点击发表留言按钮时,转到Screen1页面。

app inventor之简易留言板

到现在,程序已经编写完毕,接下来是连接测试阶段,在在线环境下有三种连接方式,我们强烈推荐采用AI伴侣方式。

后记,小编朋友研发了一个游戏化的少儿编程在线课程(5-12岁),游戏化教学结合scratch(一款在线少儿编程工具,类似乐高的积木拼搭),我家娃娃学了几次课,非常喜欢(超预期),16次课才200多块钱,对锻炼孩子的思维能力和动手动力很有帮助。

欧美思机器人教育加盟 赚钱好项目
上一篇:乐高Lego科技系列2019年下半年新款
下一篇:高自由度沙盒手游《乐高无限》今日首发
您可能喜欢
回到顶部