嵌入式系统应用II 嵌入式系统应用II 单元5_任务1.ppt

单元5 多媒体与社交 任务一：智能相机 任务二：视频墙 任务三：短信助手 任务四：个性拨号器 任务五：语音控制录音机 单元5 多媒体与社交 App Inventor2为用户提供了多媒体（Media）组件和社交（Social）组件。如果在其他开发环境中应用此类组件，需要编写大量的代码来作为驱动。而在AI2中，直接拖拽到设计区就可以使用这些组件，简单易用。 多媒体组件包括：照相机，录像机，图像、声音、视频相关组件。社交组件包括：联系人、Email、拨号、短信以及分享和Twitter。 单元5 多媒体与社交 任务一：智能相机 知识储备 任务描述 任务目标 任务实施 任务拓展 单元5 多媒体与社交 任务一：智能相机 任务目标 掌握Camera、ImagePicker等多媒体组件的应用方法 掌握Sharing、Twitter等社交组件的应用方法 单元5 多媒体与社交 单元5 多媒体与社交 任务一：智能相机 设计一款应用，使用该应用可以启动照相机来照相，也可以启动手机相册，从相册中选择相片，并调用手机上的其他app，例如短信或电子邮箱，分享给朋友。同时，将照相机拍照或者从相册中选取的相片设置到手机屏上。 任务描述 单元5 多媒体与社交 任务一：智能相机 知识储备 Camera组件 ImagePicker组件 Sharing组件 Twitter组件 单元5 多媒体与社交 任务一：智能相机 知识储备—Camera组件 Camera组件是非可视组件，可以使用设备上的照相机进行拍照。拍照结束后将触发拍照完成事件，照片保存在设备中，其文件名将成为事件的参数。 Camera组件唯一一个属性是UseFront。如果设备有前置摄像头的话，通过此属性设置是否使用前置相机。如果设备没有前置摄像头，将直接跳过此项而直接打开设备摄像头。 单元5 多媒体与社交 任务一：智能相机 知识储备—Camera组件 Camera组件有一个方法和一个事件 方法、事件的拼块 功能 TakePicture方法：启动设备上的相机 AfterPicture事件：拍照结束时触发该事件，事件的参数图像代表了照片保存的路径，可用于找到设备上的图片 单元5 多媒体与社交 任务一：智能相机 知识储备—ImagePicker组件 ImagePicker组件外观与Button组件相同，当用户点击时，将启动设备上的图库，显示其中的图片，供用户进行选择。当用户选中图片后，图片被保存到SD卡，组件的选中属性被设定为图像的存储路径 (也包括文件名)。为了节省存储空间，只允许在SD卡上保存10张图片，如果超过10张，将按顺序删除最早选取的图片。 单元5 多媒体与社交 任务一：智能相机 知识储备—ImagePicker组件 ImagePicker组件的主要属性 属性 说明 Enabled 设置组件是否可用 BackgroundColor 设置组件的背景颜色 Image 设置组件背景图片，如果同时设置了背景色及图像属性，则只有图像可见 Selection 设置所选图片的文件路径(包括文件名) Shape 设置组件形状(默认、圆角、矩形、椭圆)。如果设置了按钮的图像属性，则形状属性的设置无效 ShowFeedback 如果按钮设置了背景图，点击时是否显示交互效果。如果选中，点击时按钮颜色变浅；否则按钮无变化 Visible 设置该组件在用户界面上是否可见 Text 设置组件显示文字 TextAlignment 设置文字对齐方式 TextColor 设置文字颜色 Fontbold 设置组件上文字是否为粗体 FontItalic 设置组件上文字是否为斜体 FontSize 设置组件上文字字号，预设值为14 FontTypeface 设置组件上文字字体 单元5 多媒体与社交 任务一：智能相机 知识储备—ImagePicker组件 ImagePicker组件的主要功能拼块 方法、事件的拼块 功能 Open方法：打开图库，与用户点击了选取按钮的结果相同 AfterPicture事件：用户从图库中选取图片后，将触发该事件，并给组件的Selection属性赋值 BeforePicking事件：用户点击选取按钮时，将触发该事件 单元5 多媒体与社交 任务一：智能相机 知识储备—ImagePicker组件 ImagePicker组件的主要功能拼块 方法、事件的拼块 功能 Gotfocus事件：表示鼠标移动至按钮上方，可以点击到它 Lostfocus事件：表示鼠标移出按钮，不再能点击到它 TouchDown事件：当用户手指触碰到按钮时，触发该事件 TouchUp事件：当用户触碰按钮后再抬起手指时，触发该事件 单元5 多媒体与社交 任务一：智能相机