《AppInventor的功能和使用方法.ppt》由会员分享,可在线阅读,更多相关《AppInventor的功能和使用方法.ppt(25页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、App Inventor 圆程序员之梦兰州大学分布式与嵌入式系统实验室郭守超自测题自测题地震科普知识漫画1.1AppInventor简介、特点AppInventor简介:App Inventor是一款谷歌公司开发的手机编程软件 软件使用者不需要掌握任何编程知识 创意+代码拼接=你自己的应用程序App Inventor特点:开发过程简单,易操作 开发创造自己的应用程序 不需要太多的编程知识 代码拼接的编码方法 创意+代码拼接=自己的程序HaroldAbelson麻省理工学院教授FatherofAppInventor计算机程序的构造和解释等学习资料AppInventor中文网网址:参考书目:1.2
2、AppInventor开发环境Appinventor需要在web浏览器和Java相关程序上运行Java环境配置:Java6浏览器:MozillaFirefox3.6或更高AppleSafari5.0或更高GoogleChrome4.0或更高IE7或更高操作系统:Macintosh:MacOSX10.5,10.6Windows:WindowsXP,WindowsVista,Windows7GNU/Linux:Ubuntu8+,Debian5+手机配置勾选未知来源勾选USB调试手机必须还有SD卡有时还需要禁止屏幕自动旋转进入下面链接,下载安装AppInventor利用google邮箱账户登录即可进
3、行程序编辑1.3AppInventor环境搭建离线开发自己搭建服务器在线开发的基础上,解压以下文件AppEngine.rarBuildServer.rar离线开发时运行AppEnginestartAI.cmd运行BuildServerlaunch-buildserver32.cmd浏览器登录http:/localhost:8888即可登录后,首页如图所示点击new,创建新程序点击MoreActions,可以添加本地程序点击进入程序设计界面2.1AppInventor开发过程开发流程如图所示,视图设计界面主要包括如下五部分Palette(控件集)Viewer(视图区)Components(组成控
4、件)Media(资源管理)Properties(属性)从Palette拖取所需component(控件)至Viewer中在Components中选择component,并可以重命名或删除在Properties中对component的属性值进行修改在Media中对音乐、图像等资源进行存储完成设计后,点击OpentheBlocksEditor下载JNLP文件,运行该文件启动JavaWebStart,打开BlocksEditor(模块编辑)也可点击PackageforPhone,把所编辑程序以apk下载至电脑上BlocksEditor结构如图所示左边部分包含了主要的函数和属性模块Built-In(常
5、用基本函数)MyBlocks(自定义component)advanced(component属性值)从图中可以看出在编码过程中,Built-In中所有基本函数可以直接使用,advanced包含了自定义component的基本属性,把所需函数模块从MyBlocks中直接拖拽至右边编码区进行拼接即可。点击NewEmulator生成模拟器,点击ConnecttoDevice链接模拟器进行程序测试也可使用USB连接手机进行测试测试完成后,点击PackageforPhone下载apk安装程序新建一个hello工程选择Button、label、sound添加一个hello.mp3修改相关属性设计完成后,打开BlocksEditor2.2开发一个小程序所要完成功能:点击按钮显示hello提示文字播放hello提示音所需操作:触发按钮点击事件设置label文本播放音频文件设置参数调试程序,完成后下载安装包总结AppInventor操作简单开发过程简明易懂有助于掌握计算机基础概念、思想充分发挥想象力,锻炼动手实践能力掌握界面布局、设计等人机交互原理有效培养计算思维、创新思维程序设计界面模块编辑界面程序运行示意图谢谢