你好 应用专题讲座.pptx

项目一 、你好，应用！！;一、活动分析;二、活动目标;三、活动实施;1．环境搭建 1）复制素材里的AI2CN文件夹到D盘根目录下，结果如图1-3所示。 图1-3 环境文件夹 2）在图1-2中，双击运行D:\AI2CN\AI2CN.exe，结果如图1-4所示。 ;图1-4 App Inventor2中文离线版 ;3)单击“一键启动”，将会出现三个窗口，如图1-5、1-6、1-7所示。 ;如图1-5所示，如果出现“Server running”表明服务已经启动正常，如果没出现，请按如图1-4所示的“停止所有服务”，然后再进行“一键启动”。 ; 同理，“Dev App Server is now running”表明应用服务已经正常运行。如果没出现，请单击如图1-4所示的“停止所有服务”，然后再进行“一键启动”。 ;图1-5、图1-6、图1-7这三个窗口，请不要关闭，最小化它们即可。 4）使用Google浏览器，输入网址：:8888/?locale=zh_CN 开始编程吧，如图1-8所示。 小提示：App Inventor2目前不支持IE浏览器，可以使用Google Chrome 29+、Safari 5+或者Firefox 23+浏览器。 ;5）输入我们自己的Email,单击“Log In”。当然，勾选“Sign in as Administrator”，作为自己离线环境的管理员也可以。 ;2．新建项目 1）我们开始学习如何使用App Inventor，请单击窗口上部左侧的“新建项目”按钮，尝试开发第一个项目。单击“新建项目”后，会出现如图1-10所示的提示，请输入项目名称。 小提示：目前，App Inventor2中文离线版只支持字母开头，且只能包含字母、数字和下划线作为项目名称，不能有空格、特殊符号或者中文。 ;2）单击“确定”按钮后，会出现如图1-11所示3秒，然后跳转到如图1-12所示。 “项目”菜单中还有我的项目、新建项目、导入项目、导入模板、删除项目、保存项目、另存项目、检查点、导出项目、导出所有项目、上传密钥、下载密钥、删除密钥等操作，如图1-12所示。 ;图1-12 刚创建的HelloApp ;3．准备素材 本活动不需要准备素材。 开发一个活动，通常需要的三大环节可以用一个公式加以描述： 活动开发=界面开发+功能开发+测试调试 同样，我们在App Inventor2中文离线版里，这个公式1-1如下： 活动开发=组件设计+逻辑设计+连接测试 公式1-1 下面我们就按照公式1-1进行组件设计、逻辑设计和连接测试的工作。 ;4．组件设计 组件设计，就是用户界面设计，简称UI设计。我们再回忆一下这个应用，就是单击按钮，显示“你好，应用”的字幕，所以我们需要一个按钮来接受用户的单击，需要一个标签来显示字幕，具体组件列表如表1-1所示。 表1-1 组件列表 ; 组件是你用来创建应用的基本元素，就像菜谱中的原料。有些组件非常简单，本活动使用的标签组件，它用于在屏幕上显示文字；按钮组件，轻按它则引起一个动作。其它组件则比较复杂：一个绘图的画布组件可以容纳静止图像或动画；加速度传感器组件是一种运动传感器，它可以检测到设备的移动或摇晃；还有的组件用于编写并发送短信、播放音乐和视频以及从网站获取信息等等。 为了更方便初学者进行组件设计，我们先来学习下环境的布局结构，如图1-13所示，我们把它简单划成七个部分： A部分，菜单栏，有项目、连接、打包、帮助、管理等菜单。 B部分，屏幕栏，可以为应用管理屏幕，包括增加屏幕、删除屏幕和切换到各个屏幕。右边还有两个按钮可以对主环境在组件设计和逻辑设计之间进行切换。 C部分为组件面板、D部分为工作面板、E部分是组件列表、F部分是素材管理面板、G部分是组件属性面板。; 如图1-13的D部分所示,称为工作面板窗口，用于放置应用中所需的组件。工作面板窗口只能粗略地显示应用的外观，例如，与测试设备中的应用相比，在工作面板窗口中，一行文字可能会在不同的地方换行。如果想看到应用的实际外观，可以将应用下载到测试设备上。 如图1-13的C部分所示，是组件面板，其中包含了可供选择的各类组件。该面板按类别划分为几个部分，默认情况下，只有用户界面组件可见，可以通过单击其他类别的标题，如界面布局、多媒体等，来查看其他组件。 ;图1-13 HelloApp活动环境 ; 如图1-13的F部分所示，是组件列表，显示了项目中的所有组件，拖动到工作面板窗口中的任何组件都将显示在该列表中。 组件列表下方如图1-13的F部分所示，是素材，显示项目中的所有媒体资源（图像和声音），在这里可以上传下载删除素材。只有在这里上传了的素材才可以给项目使用。