APP INVENTOR 入门（二）——你好世界

在开始学习之前，先介绍一个新的云服务器，WxBit汉化版由华南理工大学杨道全老师基于MIT App Inventor开源项目二次开发，独立运行，免费为大家提供服务。

网址是：https://app.wxbit.com/login/

今天开始，我们用这个新的云服务器来学习APP INVENTOR。

学习目标：

使用APP INVENTOR编程环境，编写一个“你好世界”的APP，并编译成APK，在手机上试运行。

学习重点：

1.初步学会登录服务器。

2.拖拽组件面板中的组件到工作面板。

3.拖拽逻辑面板中的模块到工作面板。

4.在组件与模块之间建立逻辑关系。

学习过程：

一、登录服务器：

1.登录自己的QQ。

2.在浏览器（推荐使用搜狗浏览器）中输入网址https://app.wxbit.com/login/打开服务器。

3.点击“QQ账号登录”，可以直接登录服务器，如果要注册账号登录要联系杨老师，有点麻烦。

4.登陆后，可以看到如下界面：

二、创建项目

点击“新建项目”，在弹出的对话框中输入项目名称（可以随便输入，但注意只用英文和数字，而且第一个字符不能是数字） ，这里我们输入“hello”

这就是我们创建好的项目界面。

三、拖动按钮组件到工作区

1.将鼠标移动到按钮组件上，压住左键拖动按钮到工作区。

以后我们所有调用组件的操作，都采用压住鼠标左键拖动按钮到工作面板的方式来完成，可以自己多尝试几次，拖动各种组件到工作区。

2.修改按钮名称。

3.在“组件属性”面板中找到“文本”，将里面的“按钮1文字”改为“确认”。

三、拖动标签到工作区

1.拖动标签到工作区。

2.在组件属性面板，修改标签文本，删除标签文本中的文字。

删除标签文本后的效果：

四、添加逻辑

点击“逻辑设计”按钮，切换到逻辑面板。

在逻辑设计面板中点击按钮1

在工作面板中拖动第一个模块到工作区。

点击标签1，拖动模块到工作区。

在“模块”列表中的“内置块”中点击“文本”，找到

并把它拖到工作区，和之前的模块拼接到一起。

在里面输入“你好世界”

这样我们的编程基本完成，下面就该测试了。

五、测试APP

点击浏览器窗口最上方的“生成APK”，在下拉菜单中选择“显示二维码”。

等待片刻后，二维码就生成好了，用手机浏览器（最好是搜狗浏览器）中的搜索框旁边的小照相机，扫描生成的二维码：

扫描之后，确认下载APP，然后安装刚刚下载好的“hello”APP，如果手机不能安装，请打开“USB调试”（不会的话可以百度打开方法，不同的手机打开方法不同）。

打开刚刚安装好的APP，进行测试，这是刚打开的界面，没有“你好世界”字样。

点击“确认”，屏幕上出现“你好世界”字样，测试成功。

这伟大的一步，标志着你正式迈进了编程的大门，开启了你无限广阔的编程之旅，第一个由你亲手编写的手机应用正式在你的手机上完美运行了。我期待这你有更多的精彩表现哦。

——支持原创，请关注我们——