AppInventor开发第一个APP

AppInventor开发第一个APP1.概述这篇文章介绍如何使用AppInventor工具入手第一个APP,体验App开发的流程,掌握开发技能。2.开发app2.1.使用自带示例了解AP

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

发布者:admin,转转请注明出处:http://www.yc00.com/web/1754589812a5178949.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信