第1讲 熟悉AI2开发环境教学课件.ppt

Designer设计器 * 设计器由四大部分组成 Palette组件面板,Viewer工作面板,Components组件列表,Properties组件属性 Screen屏幕组件 * App在运行时屏幕上的显示是基于Screen组件的，可以在Screen组件上加上其他组件构成想要的界面 Palette组件面板 * 分组提供不同类型的设计组件 Palette组件面板 * 分组提供不同类型的设计组件 Viewer工作面板 * Viewer中显示正在设计的Screen，可以拖放Palette组件面板中的组件放入Screen中 可视组件 Button按钮 TextBox文本框 非可视组件 Clock时钟 TinyDB微数据库 在Viewer中显示的位置不同 Properties组件属性 * 每个组件都有自己的属性 通过设置属性来确定该组件某方面的特性 Screen组件属性 AlignHorizontal水平对齐方式 AlignVertical垂直对齐方式 BackgroundColor背景颜色 BackgroundImage背景图像 Icon图标 …… 多媒体资源文件上传与管理 * App中用到的图像、声音等多媒体资源文件需要上传到服务器 切换到Blocks编辑器 * Blocks包含Built-in组件、设计时拖放入的组件 单击可拖入模块 * 鼠标左键单击Button1组件 鼠标左键单击Control Control组 * Control组语句用于控制程序执行流程 Logic组 * Logic组语句用于逻辑关系运算，结果只有true和false Math组 * Math组语句用于算术运算，如加减乘除、产生随机数，三角函数等 Text组 * Text组语句用于处理文本字符串相关的运算，如字符串连接、字符串查找、字符串替换 Lists组 * Lists组语句用于列表（数组）运算 Colors组 * Colors组语句用于进行颜色运算 Variables组 * Variables组语句用于定义、引用和操作变量 Procedures组 * Procedures组语句用于定义开发者自己设计的过程(函数、方法） Screen1组件相关 * 定义具体组件相关的特定事件发生的方法、属性 Button1组件相关 * 作业和思考题 * 熟悉AI2开发平台，了解各菜单包含哪些选项，各选项有什么作用 观察不同颜色的积木块功能，了解都提供了哪些控件 App Inventor 零基础Android移动应用开发 本章目标 了解App Inventor 熟悉AI2开发环境 初步了解AI2的组件功能 初步了解Blocks拖放式编程 本章概要 掌握App Inventor开发环境的下载、安装和配置 浏览AI2提供的组件类型和功能 感受图形化拖放式块编程 App Inventor简介 * App Inventor是由Google公司开发的一款在线开放的Android编程工具软件，通过图形化积木式的拖放组件来完成Apps开发 App Inventor在2012年1月移交给麻省理工学院MIT的行动学习中心，并由MIT发布使用，目前已经发布了第2版本 App Inventor特点 * 开发环境搭建简单。采用浏览器+云服务模式，无需复杂软件安装 开发过程简单。手机App的界面设计和行为开发都可以通过可视化的拖放拼接组件来完成，无需关注复杂的语法规则 组件模块丰富。App Inventor已经预先设置好了不同类型的组件模块，如多媒体类、传感器类，甚者乐高机器人组件 方便多台机器交叉开发。所有开发代码储存在云端服务器上，方便开发者在任何一台机器上进行开发，并且保证了源代码的一致性和安全性 支持及时调试。提供了强大的调试功能，调试中代码的变更会自动同步到进行调试的手机或者模拟器中，无需重装应用 App Inventor开发环境 * App Inventor三大作业模块 设计器：主要作用是案例设定，元件布局与元件属性设定； 图块编辑器：主要作用是通过拼图作业模式进行程序的接合，同时可以操作不同属性的定义元件、控制元件和逻辑元件等来进行“程序设计”(当然不用写传统代码)； 模拟器：在没有Android设备前，可用模拟器来进行案例测试，但模拟器在部分功能方面无法提供测试（如重力传感器等） 设计器 Designer * 块编辑器 Blocks * App Inventor开发环境使用过程 * 1. 拥有Gmail邮箱账号 4a. 连接Android设备 2. 访问App Inventor开发网页进行开发 4b. 连接模拟器 二选一 3a. 安装Companion 3b. 安装App Inventor模拟器 Getting Started with MIT App In