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,进行测试,这是刚打开的界面,没有“你好世界”字样。

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

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

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

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20181211G1JZYX00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券