找回密码
 立即注册

QQ登录

只需一步,快速开始

本帖最后由 lou 于 2020-5-11 11:24 编辑

App Inventor认识及应用



初识App Inventor

App Inventor是一款谷歌公司开发的手机编程软件。
谷歌推出一款名叫Google App Inventor的工具软件, Google App Inventor用户能够通过该工具软件使用谷歌的Android系列软件自行研发适合手机使用的任意应用程序。这款编程软件不一定非要是专业的研发人员,甚至根本不需要掌握任何的程序编程知识。任何人都可以完成,因为这款软件已经事先将软件的代码全部编写完毕,用户只需要根据自己的需求向其中添加服务选项即可,也就是我们所要做的只是写简单的代码拼装程序。

App Inventor注册登录

1、在线登录App inventor2 步骤:浏览器中输入tttp://app.gzjkw.net,即可进入登录界面。
2、登录的时候需要注册一个账号,同一个账号在不同的计算机上都可以找到自己之前编写的手机应用程序。点击“申请新账号/重设密码”,按照系统提示填写相关信息就可以完成账号的注册了,即可用新账号进行登录。当然网上也提供了QQ快捷登录方式,大家可根据自己的需要选择任一种方式。

软件登录界面

1.png
(软件登录界面)

软件界面介绍

成功登陆之后,可进入该网页的开发界面

2.png
(登录后界面)

选择“项目”——“新建项目”,新建名为“maker”的手机应用程序,进入程序编辑界面。注意:在 APP Inventor2中项目名称必须以字母开头, 只能由字母、 数字和下划线组成, 中文命名暂时还不支持。

3.png
(新建项目名)

组件设计界面主要负责的是应用界面的设计,也就是使用者在手机屏幕上所看到的界面。 在组建设计界面的工作面板区就是一个模拟的手机屏幕, 方便设计者直观地看到设计
效果。 组件面板, 可以选择需要的组件并用拖曳的方式添加到工作面板中。

4.png
(界面区域分布)

在组件列表中可以看到当前应用程序中已经添加的组件数量和类型;素材面板是对程序所用到的素材的管理, 可以将需要的素材上传到素材面板中, 也可以将不需要的素材进行删除;
组件属性面板是用于设置组件列表中各组件的属性,例如可以更改组件的大小、 颜色, 居中方式和名称等等, 合理地设置组件属性可以帮助我们设计出美观大方的应用界面。

完成“maker”基础小案例

当用户单击界面中的创客空间图片时,应用程序发出“hello maker”

素材上传

在组件设计界面,通过素材面板将本程序要用到的两个素材上传。上传完成后,在素材面板里就可以看到上传的素材了。

5.png
(上传文件对话框)

6.png
(选择图片与音乐文件)

添加按钮组件

程序中发出声音这一行动是通过点击屏幕触发的,所以需要一个可以用来点击的组件——按钮组件。在左侧木块面板中选择按钮组件,并拖曳到工作面板中。在组件列表中选择按钮一组件,并在属性面板中将其“图像”属性设置为Android.jpg,“显示文本”属性设置为空。

7.png
(按钮组件添加)

添加音乐组件

音效组件左侧模块面板中的“多媒体”选项卡下,拖曳至工作面板中。将音效组件的“源”属性设置为上传好的音效文件“maker.mp3”。

8.png
(音乐组件添加)

逻辑设计

点击右上角的“逻辑设计”,切换到逻辑设计界面。在左侧点击“按钮一”,选择“当按钮被点击”的语句拖曳到工作界面中。点击“调用音效1播放”,拖曳出播放语句。

9.png
(逻辑编程图)

程序调试
三种连接方式都可以实现 Andriod 设备对和 APP Inventor 的连接,完成程序的调试工作。

1、AI 伴侣
准备工作:一个安装有“AI 伴侣”的安卓设备。
步骤:a.打开设备上的AI 伴侣应用 b.在 APP Inventor 中点击连接——AI 伴侣,获得连接二维码和口令。C.在 AI 伴侣上通过输入口令或者直接扫描二维码的方式进行连接。

10.png
AI 伴侣

2、模拟器
准备工作:计算机端安装有 Ai2 Starter(APP Inventor 调试工具)。
步骤:a.打开 Ai2 Starter。b.在 APP Inventor 中点击连接——模拟器,启动模拟器。
3、USB 端口
准备工作:一个安装有“AI 伴侣”的安卓设备。开启该设备的 USB 调试模式。
步骤:a.将设备用 USB 线与计算机相连接 b.在 APP Inventor 中点击连接——USB 连接。C.启动设备上的 AI 伴侣。

下载程序

点击菜单栏上的“打包apk”,选择“打包apk并显示二维码”。点击之后,界面会自动显示生成的二维码。手机扫描二维码,下载安装手机APP软件。
打开APP,点击界面,就会发出“hello,maker”的声音。
分享至 : QQ空间
收藏

0 个回复

您需要登录后才可以回帖 登录 | 立即注册