App Inventor探索—HelloWorld

admin管理员组

文章数量:1794759

App Inventor探索—HelloWorld

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、新建项目
• 二、设计界面
• 三、编程开发
• 四、调试
• 五、发布
• 总结

---

前言

本篇介绍第一个App Inventor应用程序Hello World，实现点击“按钮1”，手机显示“Hello World!”。App Inventor的开发步骤是先新建项目，然后设计界面，再编程。接下来是反复的调试、设计更改、编程更改再调试，最后确定发布。下面开启第一个项目：

---

一、新建项目

1、选择左上角的“新建项目”，或者选择“项目”菜单下的“新建项目”，如下两图： 2、弹出“新建项目”窗口，在“项目名称”栏内输入项目名称后，点击“确定”，即可进入设计界面。

二、设计界面

进入设计界面后，可以看到界面主要分为组件面板、工作区域、组件列表和属性面板四部分，如下图示： 1、添加标签，将“组件面板”下的“用户界面”下的“标签”拖拽到“工作区域”的手机屏幕内。 此时手机内和组件列表内都有了标签1。 2、添加按钮，将“用户界面”下的“按钮”拖拽到“工作区域”的手机屏幕的标签1下面。 此时手机内和组件列表内就都多了一个按钮1。 4、这样设计界面就完成了，然后点击右上角的“编程”，进入编程界面。

三、编程开发

进入编程界面后，可以看到主要包括代码块和工作区域两部分。 1、点击“按钮1”后将被按钮点击事件功能块拖拽到工作区域的空白处。 2、点击“标签1”，将设置标签的显示文本属性拖拽到工作区域，让其插到按钮1的插槽内，缺口对齐。 3、再将文本字符串插到标签1显示文本内。 在文本的双引号内输入要显示的内容，本项目为“Hello World!”，至此，编程也完成了。

四、调试

1、打开“连接”菜单下的“AI伴侣”，弹出“连接伴侣程序”窗口。 2、打开手机上的AI伴侣APP，通过扫码或输入编码进行连接。 连接成功后，手机显示即为项目效果。点击按钮1，标签处是否显示了“Hello World!”。

五、发布

经过调试，符合设计要求，就可以编译发布了。 1、选择“编译”菜单下的“显示二维码”或“下载到本机”后开始编译程序。 2、编译完成后就可以安装软件，或者先下载安装包，再安装到手机上，至此整个项目结束。

---

总结

通过本篇实现了一个完整的程序开发流程。

本文标签： appInventorHelloWorld