5分钟学会 App Inventor 2

网友投稿 2019-11-04 15:49

1分钟了解App Inventor

App Inventor 2 简称 ai,为了和人工智能(Artificial Intelligence)区别,简称用小写。既然有ai2,那么就有ai1,那是谷歌发布的ai。后来谷歌将ai移交给MIT维护,MIT发布了ai2,ai1成为历史不再使用。ai目前只能制作安卓应用,由于ios规范的限制,ai在未来比较长的一段时间里也只能制作安卓应用。

ai是一个可视化的安卓应用制作平台,用户使用浏览器打开ai平台网站(AppInventor汉化版,简称WxBit版:https://app.wxbit.com),通过拖拽组件和逻辑块,即可完成安卓应用的制作。如果用户有scratch的使用经验,ai上手更是完全没有障碍。ai和scratch都使用了blockly,实现积木式拖拽编程。

ai平台提供的即时调试工具——AI伴侣,在手机安装,或者在安卓模拟器安装后,能够通过ai连接码即时连接调试正在制作的安卓应用,

更多信息请访问:https://www.wxbit.com

1分钟上手App Inventor

使用谷歌浏览器、QQ浏览器、Firefox、Safari等非IE浏览器打开ai网站(https://app.wxbit.com),这是作者基于 MIT App Inventor 源代码优化定制的汉化版,修正了ai架构的若干缺陷,项目与MIT版本完全兼容。比如使用ai频繁遇到的AI伴侣无法连接、升级困难等问题,WxBit版本已经彻底解决。WxBit版ai还是首个支持HTTPS的ai版本,在某些复杂网络环境下,运行更加安全可靠。使用QQ账号登录,开始制作安卓应用。(网站集成QQ登录,只能获得用户的昵称和头像,不能获得用户的密码和好友等信息。相比网站自管理的密码注册,更加安全可靠。除了银行、以及那些较大的互联网企业,其他系统很难有资源和能力管理好用户密码。因此,本着对用户负责的态度,本站只支持使用QQ账号登录。)

https://cdn.china-scratch.com/timg/191106/154ZGN4-0.jpg

“新建项目”开始制作安卓应用,项目的名称只能是字母和数字的组合,不能是中文。应用的中文名称需要创建项目后再设置。打开项目后,点击“连接”菜单即可对正在制作的应用进行可视化调试。制作完成后,选择”生成APK“可以生成安卓应用的二维码下载链接,或者直接下载APK文件。”AI伴侣“提供了手机版和电脑版的AI伴侣,电脑版AI伴侣适合没有安卓手机的场景应急使用,如果条件允许建议还是直接使用手机安装。"展厅”为用户分享的项目,里面还有6万多个来自MIT平台的分享项目。如果你有好的创意或技巧,希望与其他用户分享,请发布到展厅哦。如果发布垃圾数据,站长会直接封禁账户,嘿嘿。

https://cdn.china-scratch.com/timg/191106/154ZL3O-1.jpg

开始制作应用前,先安装好本站专用的AI伴侣(手机版或电脑版,下载地址:https://www.wxbit.com),如果手机安装了其他版本的AI伴侣,需要先卸载,否则由于名字冲突安装不上。如果安装的是电脑版(集成版),Windows版安装完成后桌面有3个图标,分别是:

1、“AI2伴侣”就是使用浏览器模拟运行的AI伴侣,某些电脑由于显卡不支持或不兼容,不能启动。如果其他后长时间停留在图标界面,请尝试“以管理员权限运行”。首次运行AI伴侣需选择一个文件夹作为AI伴侣的外部存储(SDCard),该文件夹中的“Appinventor”目录用于保存调试应用的素材文件。务必选择,不选择则无法启动。

2、“AI2汉化版”使用自带的Chrome浏览器打开 https://app.wxbit.com,不使用这个快捷,用自己喜欢的其他浏览器打开上面网址,效果是一样的。这个快捷方式只是方便没有合适浏览器,和懒得记忆网址的用户。

3、“AI2集成板”这个快捷方式,会同时启动AI2伴侣和AI2汉化版。

https://cdn.china-scratch.com/timg/191106/154ZWU9-2.jpg

3分钟制作安卓应用

创建一个项目,例如名字“test”,完成后看到以下界面:

https://cdn.china-scratch.com/timg/191106/154ZV5Q-3.jpg

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

2、ai中有“组件设计”和“逻辑设计”两项重要功能。在“组件设计”视图中,选择合适的组件设计应用的界面;在“逻辑设计”视图中,设计组件对应的事件逻辑。比如点击按钮更新标签的显示文本等。

3、“组件属性”区域,不同组件会有不同的属性,“Screen1”组件的属性中,可以设置应用安装到手机中的显示名称、应用图标等。属性具体的用途,通过属性名称也能理解得八九不离十。少数不能理解的属性,设置后连上AI伴侣即可看到。

在项目编辑界面,点击“连接”菜单中的“AI伴侣”,可以看到一个二维码和6位数字的连接码。使用手机版AI伴侣扫描二维码,或者在电脑版AI伴侣中输入并点击连接,即可在AI伴侣中看到正在制作的应用。

https://cdn.china-scratch.com/timg/191106/154Z95D3-4.jpg

在“组件列表”中选中“Screen1”,设置水平对齐和垂直对齐属性为“居中”,将应用名称属性设置为“测试应用”,窗口大小设置为“自适应”。然后在点击组件面板中的“按钮”,拖拽进工作面板,并将按钮的文本属性设置为“点击”,效果如图:

https://cdn.china-scratch.com/timg/191106/154Z95025-5.jpg

接下来,我们切换到“逻辑设计”视图,设置点击按钮时,让按钮的名称变更为“点击:n”的格式,每次点击n都增加1。

https://cdn.china-scratch.com/timg/191106/154ZaZ9-6.jpg

1、“模块”区域列出了ai内置的逻辑块和组件,内置块分为8大类,是制作应用的重要支撑。点开查看,从文字即可理解每个逻辑块的作用。内置块下方列出所用的组件,Screen1是整个应用的入口。点击组件,可以看到该组件的事件块、获取设置属性值的块,以及组件的其他功能块。

2、“工作面板”区域为摆放逻辑块,拼接功能逻辑的区域,下凹槽为逻辑块,左凹槽接收属性值。将逻辑块拖动到右下角的垃圾桶图标,删除所拖动逻辑块。将逻辑块拖动到右上角的背包图标,可以在多个屏幕中共享逻辑块,也就是逻辑块的“复制”与“粘贴”功能。

https://cdn.china-scratch.com/timg/191106/1549101258-7.jpg

从“按钮”的逻辑块中将“被点击”拖到工作区域,然后从分别从“变量”、“数学”、“文本”块中拖出对应逻辑块,构成“按钮每点击一次,其名字显示+1”的逻辑,如图所示:

https://cdn.china-scratch.com/timg/191106/154910H13-8.jpg

至此,第一个安卓应用制作完成。

--end--

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