AppInventor开发第一个APP

AppInventor开发第一个APP

1.概述

这篇文章介绍如何使用AppInventor工具入手第一个APP，体验App开发的流程，掌握开发技能。

2.开发app

2.1.使用自带示例了解APP开发流程

1.登录网站

打开AppInventor网站：http://code.appinventor.mit.edu/，使用code码登录网站。

2.打开示例

1.使用官方提供的示例项目，在欢迎界面点击小猫咪示例。

2.进入开发页面后，我们来认识下开发界面提供的功能。
整个开发界面提供了两个设计模式，分别是

• Designer组件设计：绘制界图案和设计相关触发事件组件
• Blocks逻辑设计：为操作界面的组件开发执行逻辑

组件设计模式界面分为四个部分

• 组件列表：开发工具提供的所有开发需要用到的组件
• 展示界面：显示开发的实际效果
• 已选组件列表：当前开发app用到的组件
• 已选组件属性设置：为需要用的组件设置他们属性

逻辑设计模式分为两个部分

• 组件列表：提供各种需要用到的逻辑设计积木
• 显示界面：放置逻辑积木，生成逻辑代码

下面的程序逻辑为党点击Button1这个按钮，就播放声音。

3.调试App

开发号App后下面就要进入调试环境，那么AppInventor提供了三种调试方式，

• Emulator模拟器：在电脑上下载模拟器，通过模拟器调试。
• AI Companion AI 伴侣：使用手机安装AI伴侣就可以扫码或者输入code码在手机上运行app
• USB：使用USB链接手机调试

3.1.模拟器调试App

1.首先需要下载模拟器，可以使用商业的迪桑放模拟器，也可以使用官方提供的模拟器。下面是下载官方模拟器地址和方法。

安装和运行模拟器说明
https://appinventor.mit.edu/explore/ai2/setup-emulator.html

windows系统下载模拟器地址
https://appinventor.mit.edu/explore/ai2/windows

mac系统下载模拟器地址
https://appinventor.mit.edu/explore/ai2/mac.html

2.点击导航栏中的Connect下拉框选择Emulator模拟器。

3.等待启动模拟器

4.模拟器启动完成

2.3.真机调试App

1.AI伴侣调试

1.首先在手机上安装AI伴侣软件，然后就可以使用它调试app。
安装AI伴侣地址如下：

https://appinventor.mit.edu/explore/ai2/setup-device-wifi.html

2.点击导航栏的Connect 下拉菜单，选择 AI Companion 将会出现二维码和code码。

3.使用手机打开AI伴侣软件，然后通过扫码二维码或者输入code码调试app