30分钟快速入门App Inventor

网友投稿 2019-04-02 12:02

一、App Inventor 介绍

App Inventor是谷歌公司开发的手机编程平台,是一个免费的在线开发Android应用的编程环境,无需复杂的程序代码,使用积木式的堆叠即可完成Android应用的开发。谷歌在2012年1月1日将它移交给麻省理工学院(MIT)行动学习中心,由MIT进行后续的升级维护。

二、使用地址

App Inventor 通过浏览器访问即可使用。

1、MIT地址(英文版)

http://appinventor.mit.edu

App Inventor官方地址,使用谷歌账号即可登录使用。

2、WxBit 汉化版

https://app.wxbit.com

WxBit 汉化版由华南理工大学杨道全老师基于 MIT App Inventor 开源项目二次开发,独立运行,使用QQ登录等方式登录后即可免费使用。

三、登录后主界面

https://cdn.china-scratch.com/timg/190404/1202192410-0.jpg

新建项目:开始制作安卓应用,项目的名称只能是字母和数字的组合,不能是中文。应用的中文名称需要创建项目后再设置。

这里,我们创建一个“test”的APP进行后续操作测试。

连接:打开项目后,点击“连接”菜单即可对正在制作的应用进行可视化调试。

生成APK:制作完成后,选择”生成APK“可以生成安卓应用的二维码下载链接,或者直接下载apk文件。

AI伴侣:提供了手机版和电脑版的AI伴侣,电脑版AI伴侣适合没有安卓手机的场景应急使用,如果条件允许建议还是直接使用手机安装。在项目编辑界面,点击“连接”菜单中的“AI伴侣”,可以看到一个二维码和6位数字的连接码。使用手机版AI伴侣扫描二维码,或者在电脑版AI伴侣中输入并点击连接,即可在AI伴侣中看到正在制作的应用。

展厅:为用户分享的项目,里面还有6万多个来自MIT平台的分享项目。如果你有好的创意或技巧,希望与其他用户分享,可以发布到展厅。

四、项目主界面

创建项目后,点击进入前边创建的“test”项目主界面进行制作和调试。

https://cdn.china-scratch.com/timg/190404/1202193300-1.jpg

1、工具栏:管理屏幕界面,包含“组件设计”和“逻辑设计”两项重要功能。在“组件设计”视图中,选择合适的组件设计应用的界面;在“逻辑设计”视图中,设计组件对应的事件逻辑。比如点击按钮跳转到新界面等。

2、组件面板:选中所需的组件后,使用鼠标拖拽到中间的手机界面区域,就能在项目中使用该组件了。点击组件右边的问号,查看组件的介绍。熟悉内置组件后,如果发现组件不够用,还可以通过上传“扩展”加入其它用途的组件,制作更加丰富的应用。

3、工作模板:APP应用主要在工作目标区域进行呈现和制作。

4、组件列表:显示当前屏幕界面中包含的所有组件。

5、组件属性:不同组件会有不同的属性,选择对应的组件,可以在此处编辑属性,如显示的名称、字体等。

五、制作一个简单的页面跳转APP

目标:我们接下来会在“test”应用中,创建两个Screen屏幕界面,并在两个界面中分别增加一个按钮,然后给按钮增加一个事件,可以从Screen1跳转到Screen2,或从Screen2跳转到Screen1。

1、在工具栏中,新增一个Screen 屏幕界面:Screen2。

https://cdn.china-scratch.com/timg/190404/12021911U-2.jpg

2、在Screen1中拖进去一个按钮1,在工作目标区域选中这个组件后,可以在右侧属性中对应修改这个按钮的名字、背景色等属性。

https://cdn.china-scratch.com/timg/190404/1202195406-3.jpg3、在Screen2中同样拖进去一个按钮,同样修改它的属性。

https://cdn.china-scratch.com/timg/190404/120220B06-4.jpg

4、点击工具栏中的“逻辑设计”,选择Screen1屏幕界面,为按钮增加一个点击事件。

https://cdn.china-scratch.com/timg/190404/1202203423-5.jpg再从控制中,为按钮的点击事件选择一个具体的控制行为。可以编辑打开的对应屏幕名字。

https://cdn.china-scratch.com/timg/190404/1202204054-6.jpg

5、组合刚刚添加的事件和控制行为,使其成为一个完整的APP操作。

https://cdn.china-scratch.com/timg/190404/1202213353-7.jpg6、重复4、5步骤,给Screen2的按钮增加一个跳转到Screen1的事件。

7、测试APP

经过以上步骤,你已经成功制作了一个简单的安卓APP应用。

(1)可以使用手机安装APP进行测试。

https://cdn.china-scratch.com/timg/190404/1202214I8-8.jpg

(2)可以使用AI伴侣进行测试。

https://cdn.china-scratch.com/timg/190404/120221N57-9.jpg

https://cdn.china-scratch.com/timg/190404/120222NY-10.jpg

六、总结

App Inventor作为开发Android应用的一个可视化开发环境,可以像搭建积木一样快速完成一个安卓APP的开发,适合对APP开发感兴趣的中小学生体验整个流程,了解程序开发的一些基本知识概念,或者做一些APP原型。不过,它跟真正的安卓APP开发依然存在很大的差距,如果想进行安卓APP开发,还是要学更多专业的知识。

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com