app_inventor入门手册
入门
1.设置您的手机和电脑
App inventor需要在web浏览器和Java Web Star程序上运行。用USB数据线连接你的手机和App inventor程序才能创建你想要
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
的程序。首先你要下载”App Inventor Extras”
客户端你的计算机需要满足以下条件,才能运行”App Inventor Extras”
安装App Inventor软件包
使用App Inventor之前,还需要安装App Inventor Setup软件包在你的电脑上。你要根据你的电脑的系统去下载相应的安装包,这里只提供Window版本的安装包下载地址
appinventor_setup_installer_v_1_1.exe,其他的版本可以自己到网上去下载。
操作系统:
Macintosh: Mac OS X 10.5, 10.6
Windows: Windows XP, Windows Vista, Windows 7 GNU/Linux: Ubuntu 8+, Debian 5+ 浏览器
Mozilla Firefox 3.6 或更高
Apple Safari 5.0或更高
Google Chrome 4.0或更高
Microsoft Internet Explorer 6或更高
一般情况下浏览器的版本越高越好
JAVA
您的计算机需要运行Java 6(即Java1.6)
您的浏览器需要进行配置,以便它可以启动Java程序
你可以测试Java是否正在您的计算机和安装的版本是
提示:
如果您使用的是Mac,建议您使用的JRE 1.6(Java 6)。 许多Mac电脑都安装了Java 5和Java 6,但被配置为默认使用的Java 5。 您可以更改默认的Java 6以下步骤: 1)在Finder中,打开应用程序”>实用程序”> Java文件夹。
2)运行Java Preferences。
3)选择常规选项卡
4)你会看到两个列
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
- Java applets和Java applications。 在每个列表中,将”Java SE 6″置于列表的顶部。
2.设置您的手机(android手机内要有SD储存卡)
从手机的主屏幕上,选择菜单>设置>应用>勾选”未知源”(允许运行android market以外程
序)
点击开发>勾选”保持唤醒状态”
点击声音和显示,滚动到”方向”此处不要勾选,某些手机可能只是一个显示设置项目。请确
认屏幕不自动旋转
之后用USB线与电脑连接,会出现一个对话框通知
一个”USB连接”的通知,手机通过USB连接到电脑
一个”USB调试连接”的通知,手机有USB调试打开
如果你没有看到这个对话框说明你的手机没有与电脑连接成功,请检查手机设置是否正确
的,USB连接是否正确。
3.使用App inventor
首先要有一个谷歌账户,并且申请了开发App inventor 的权限。点击网址登录
你可以看到一个空页面。 点击”new”(在页面左上角)创
建一个新项目,在出现的对话框中输入你想创建的app的名字,然后点ok。
开始使用App Inventor后,你会发现它由两个部分构成:设计视图和块编辑视图。
你可以在设计视图中完成诸如添加按钮、文本框等程序外观的设计,设计视图就是一个网页;
在块编辑视图进行真正的代码编辑,块编辑视图就是一个Java应用。
如果你将Android设备连接到了电脑上,你还可以随时在手机上看到你对应用程序做的修
改。
If you don't have an Android phone, you can build your apps using the Android emulator,
software that runs on your computer and behaves just like the phone. The App Inventor development environment is supported for Mac OS X, GNU/Linux, and Windows operating systems, and several popular Android phone models. Applications created with App Inventor can be installed on any Android phone. (See system requirements.)
When the emulator is finally ready, click the Connect to device... button, select the emulator from
the dropdown list and click it. You'll see a yellow animated arrow move back and forth, showing
that App Inventor is connecting to the emulated phone. Creating this connection can take another
minute or two. When it's all done, the arrow will stop moving and turn green, and if you look at
the emulated phone screen, you'll see the kitty there — this is the beginning of your app!
3.1 设计视图
整个界面简洁,横向的可以分为四个部分,分别为palette(字典意思是调色板,就是工具),viewer(指
示器),components(组件),properties(属性);
Palette:为我们所有将要用到的控件
Viewer:为android模拟器面板,可拖放控件至此
Components:Viewer中的空间都会在此显示其控件名称
Properties:当某个控件处于编辑状态时,显示其属性可编辑
3.2 块编辑视图
编辑事件的处理
在Blocks Editor中的My Blocks中列出了所有已经添加的组件:
点击相应的组件,即出现与该组件相应的事件,如点击Button1出现下述的列表:
示例程序对上述列表给出了一个说明:
l when ... do ... blocks define event handlers, that tell components what to do when
something happens.
l call ... blocks tell components to do things.
点击Blocks Editor空白处会出现下面的列表,可用使用这些实现逻辑控制、参数设置等功能。
最终完成的Blocks如下:
打电话的实现
PhoneNumberPicker可以从通讯录中提取联系人的信息
PhoneCall用来拨打电话
Canvas
拖放一个Canvas组件到Viewer中,对其Touched事件(点触)和Dragged事件(拖曳)进行处理。
Blocks:Blocks:
布局管理
App Inventor提供了三种布局,使用的时候设置好属性,把组件拖到上面即可。
程序的打包
在设计器中,通过Package for Phone可以实现程序的打包,包括下载到手机和下载到电脑。