不用怀疑,学习App Inventor就是这么简单。花费5分钟,就能学会App Inventor。
1分钟了解App Inventor
App Inventor 2 简称 ai,为了和人工智能(Artificial Intelligence)区别,简称用小写。既然有ai2,那么就有ai1,那是谷歌2010年发布的ai。后来谷歌将ai移交给MIT维护,MIT2012年发布了ai2,ai1成为历史不再使用。ai目前只能制作安卓应用,由于ios规范的限制,ai在未来比较长的一段时间里也只能制作安卓应用。
ai是一个可视化的安卓应用制作平台,用户使用浏览器打开ai平台网站(App Inventor 2 WxBit 汉化版,简称 WxBit版),通过拖拽组件和逻辑块,即可完成安卓应用的制作。如果用户有scratch的使用经验,ai上手更是完全没有障碍。ai和scratch都使用了blockly,实现积木式拖拽编程。
ai平台提供的即时调试工具——AI伴侣,在手机安装,或者在安卓模拟器安装后,能够通过ai连接码即时连接调试正在制作的安卓应用。
1分钟上手App Inventor
使用谷歌浏览器、QQ浏览器、Firefox、Safari等非IE浏览器打开ai网站:App Inventor 2 WxBit 汉化版。这是作者基于 MIT App Inventor 源代码优化定制的汉化版,修正了ai架构的若干缺陷。比如使用ai频繁遇到的AI伴侣无法连接、升级困难的问题,WxBit版已经彻底解决。WxBit版还是首个支持HTTPS的ai版本,在某些复杂网络环境下,运行更加安全可靠。使用QQ账号登录,开始制作安卓应用。(网站集成QQ登录,只能获得用户的昵称和头像,不能获得用户的密码和好友等信息。相比网站自管理的密码注册,更加安全可靠。除了银行、以及那些较大的互联网企业,其他系统很难有资源和能力管理好用户密码。因此,本着对用户负责的态度,本站只支持使用QQ账号登录。)
App Inventor 汉化版
开始制作安卓应用
“新建项目”开始制作安卓应用,项目的名称只能是字母和数字的组合,不能是中文。应用的中文名称需要创建项目后再设置。打开项目后,点击“连接”菜单即可对正在制作的应用进行可视化调试。制作完成后,选择”生成APK“可以生成安卓应用的二维码下载链接,或者直接下载apk文件。”AI伴侣“提供了手机版和电脑版的AI伴侣,电脑版AI伴侣适合没有安卓手机的场景应急使用,如果条件允许建议还是直接使用手机安装。"展厅”为用户分享的项目,里面还有6万多个来自MIT平台的分享项目。如果你有好的创意或技巧,希望与其他用户分享,请发布到展厅哦。如果发布垃圾数据,站长会直接封禁账户。
开始制作应用前,先安装好本站专用的AI伴侣(手机版、电脑版),如果手机安装了其他版本的AI伴侣,需要先卸载,否则由于名字冲突安装不上。如果安装的是电脑版(集成版),Windows版安装完成后桌面有3个图标,分别是:
1、“AI2伴侣”就是使用浏览器模拟运行的AI伴侣,某些电脑由于显卡不支持或不兼容,不能启动。如果其他后长时间停留在图标界面,请尝试“以管理员权限运行”。首次运行AI伴侣需选择一个文件夹作为AI伴侣的外部存储(SDCard),该文件夹中的“Appinventor”目录用于保存调试应用的素材文件。务必选择,不选择则无法启动。
2、“AI2汉化版”使用自带的Chrome浏览器打开 https://app.wxbit.com,不使用这个快捷,用自己喜欢的其他浏览器打开上面网址,效果是一样的。这个快捷方式只是方便没有合适浏览器,和懒得记忆网址的用户。
3、“AI2集成板”这个快捷方式,会同时启动AI2伴侣和AI2汉化版。
AI2汉化版和AI2伴侣
3分钟制作安卓应用
创建一个项目,例如名字“Demo”,完成后看到以下界面:
组件设计视图 |
1、组件面板,选中所需的组件后,使用鼠标拖拽到中间的手机界面区域,就能在项目中使用该组件了。点击组件右边的问号,查看组件的介绍。熟悉ai内置组件后,会发现组件不够用,那么就可以通过上传“扩展”加入其它用途的组件,扩展ai的功能,制作更加丰富的应用。
2、ai中有“组件设计”和“逻辑设计”两项重要功能。在“组件设计”视图中,选择合适的组件设计应用的界面;在“逻辑设计”视图中,设计组件对应的事件逻辑。比如点击按钮更新标签的显示文本等。
3、“组件属性”区域,不同组件会有不同的属性,“Screen1”组件的属性中,可以设置应用安装到手机中的显示名称、应用图标等。属性具体的用途,通过属性名称也能理解得八九不离十。少数不能理解的属性,设置后连上AI伴侣即可看到。
在项目编辑界面,点击“连接”菜单中的“AI伴侣”,可以看到一个二维码和6位数字的连接码。使用手机版AI伴侣扫描二维码,或者在电脑版AI伴侣中输入并点击连接,即可在AI伴侣中看到正在制作的应用。
连接AI伴侣
在“组件列表”中选中“Screen1”,设置水平对齐和垂直对齐属性为“居中”,将应用名称属性设置为“测试应用”,窗口大小设置为“自适应”。然后在点击组件面板中的“按钮”,拖拽进工作面板,并将按钮的文本属性设置为“点击”,效果如图:
设计组件
接下来,我们切换到“逻辑设计”视图,设置点击按钮时,让按钮的名称变更为“点击:n”的格式,每次点击n都增加1。
逻辑设计视图
1、“模块”区域列出了ai内置的逻辑块和组件,内置块分为8大类,是制作应用的重要支撑。点开查看,从文字即可理解每个逻辑块的作用。内置块下方列出所用的组件,Screen1是整个应用的入口。点击组件,可以看到该组件的事件块、获取设置属性值的块,以及组件的其他功能块。
按钮组件的逻辑块
2、“工作面板”区域为摆放逻辑块,拼接功能逻辑的区域,下凹槽为逻辑块,左凹槽接收属性值。将逻辑块拖动到右下角的垃圾桶图标或直接点击Delete键,除所拖动逻辑块。将逻辑块拖动到右上角的背包图标,可以在多个屏幕中共享逻辑块,也就是逻辑块的“复制”与“粘贴”功能。
从“按钮”的逻辑块中将“被点击”拖到工作区域,然后从分别从“变量”、“数学”、“文本”块中拖出对应逻辑块,构成“按钮每点击一次,在文本框中显示点击数的逻辑,如图所示:
设计逻辑
第一个安卓应用制作完成。
点击“生成APK"菜单的“显示二维码”,ai平台会生成安卓的应用安装文件,使用手机AI伴侣扫描二维码即可下载安装到手机中。由于二维码的有效时间只有2小时,一般只用于自己安装测试。选择“下载到电脑”则将生成的APK文件下载到电脑,则可以通过其他方式传播,或者在应用市场上架。
安装测试应用
亲,安卓app制作学会了吗?