创客关键词 —11— App Inventor

作者 :21组  丁爽、张荻、张鑫宇


特点介绍

App Inventor是一款开源的编程软件。它的主要特点就是操作简单便捷,相关代码已经全部编写完毕,用户只需要根据自己的需求向界面中添加服务选项。也就是我们所要做的只是写简单的代码拼装程序。而由MIT发布的新版本App Inventor 2,省略了需要使用 Java 才能开启的 Blocks Editor,将操作整合在了网页中,打开即可使用。在操作上也将各指令由下拉式选项大幅简化,使用户可以更快找到所需指令。

功能

1、主要用于开发Android系统的应用,开发一个小程序

2、有直接调用设备的功能

3、支持乐高NXT机器人

App Inventor使用方法

一、开发环境

1、App inventor需要在web浏览器和Java相关程序上运行

2、Java环境配置:Java 6

3、浏览器

Mozilla Firefox 3.6或更高

Apple Safair 5.0或更高

IE 7或更高

4、操作系统

Macintosh:Mac OS X 10.5,10.6

Windows:Windows XP,Windows Vista,Windows 7

GNU/Linux:Ubuntu 8+,Debian 5+

5、手机配置

  勾选未知来源
  勾选USB调试
  手机必须有SD卡
  有时还需要禁止屏幕自动旋转

二、App Inventor环境搭建

1、从http://www.java.com 下载java并安装
2、进入下面链接,下载安装App Inventor
http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe
3、利用google邮箱账户登录
4、http.//beta.appinventor.mit.edu /
5、即可进行程序编辑


三、离线开发

1、自己搭建服务器
2、在线开发的基础上,解压以下文件
3、appengine-java-sdk=1.7.5.rar
4、AppEngine.rar
5、BuildServer.rar
6、离线开发时
7、运行AppEngine\startAl.cmd
8、运行BuildServer\launch-buildserver32.cmd
9、浏览器登录
http://localhost:8888即可

四、开发过程

1、登录后,首页如图所示


创客关键词 —11— App Inventor_第1张图片

2、点击new,创建新程序

3、点击More Actions,可以添加本地程序

4、点击进入程序设计界面


创客关键词 —11— App Inventor_第2张图片

如图所示,设计界面主要包括五个部分:Palette(控件集)、Viewer(视图区)、Components(组成控件)、Media(资源管理)、Properties(属性)

(1)从Palette拖取所需component(控件)至Viewer中

(2)在Components中选择component,并可以重命名或删除

(3)在Properties中对component的属性值进行修改

(4)在Miedia中对音乐、图像等资源进行存储

(5)完成设计后,点击Open the Blocks Editor

(6)下载JNLP文件,运行该文件

(7)启动Java Web Start,打开Blocks Editor(模块编辑)

(8)也可点击Package for Phone,把所编辑程序以apk下载至电脑上


创客关键词 —11— App Inventor_第3张图片

Blocks Editor结构如图所示,左边部分包含了主要的函数和属性模块

Built—In(常用基本函数)

My Blocks(自定义component)

advanced(component属性值)

从图中可以看出在编码过程中,Built—In中所有基本函数可以直接使用,advanced包含了自定义component的基本属性,把所需函数模块从My Blocks中直接拖拽至右边编码区进行拼接即可。


创客关键词 —11— App Inventor_第4张图片

点击New Emulator生成模拟器,点击Connect to Device链接模拟器进行程序测试。也可以使用USB连接手机进行测试,测试完成后,点击Package for Phone,下载apk安装程序

五、开发一个小程序

1、新建一个hello工程选择Button、label、sound
3、添加一个hello.mp3
4、修改相关属性
5、设计完成后,打开Blocks Editor所要完成的功能:单击按钮,显示hello提示文字,播放hello提示音
6、所需操作:触发按钮点击事件,设置lable文本,播放音频文件,设置参数,调试程序,完成后下载安装包

学习资源

1、http://theintersection.tech/learning-mit-app-inventor/

2、https://yuedu.baidu.com/ebook/41925771f90f76c661371acf开发集锦

3、推荐书籍《App Inventor编程实例及指南》

你可能感兴趣的:(创客关键词 —11— App Inventor)