在开始学习之前,先介绍一个新的云服务器,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,进行测试,这是刚打开的界面,没有“你好世界”字样。
点击“确认”,屏幕上出现“你好世界”字样,测试成功。
这伟大的一步,标志着你正式迈进了编程的大门,开启了你无限广阔的编程之旅,第一个由你亲手编写的手机应用正式在你的手机上完美运行了。我期待这你有更多的精彩表现哦。
——支持原创,请关注我们——
领取专属 10元无门槛券
私享最新 技术干货