8..4制作物联网师训场馆介绍APP

,项目4：制作物联网师训场馆介绍APP,项目描述与效果,某学校已经开设了物联网专业，建设了相应的物联网实训室，为了更好的宣传此学校的物联网相关信息，需要制作一个专业介绍APP。,项目效果图,项目实施,要制作上图所示的专业介绍APP，在应用公园中除了运用到文字控件和图片控件布局页面效果外，还运用了标签导航控件、画廊控件、视频控件和浏览器控件，具体操作如下面如示,本项目主要内容,任务1：标签控件使用与属性设置,1,任务4：画廊控件使用与属性设置,4,任务1：标签导航控件使用与属性设置,底部标签导航可以链接多个页面，实现各页面平级切换的效果，在我们制作App时经常作为做菜单使用。1.进入应用公园软件，填写应用名称，上传图标和启动页，保存后进入操作界面。2.在左侧应用页面，新建四个页面，分别是“物联网宣传视频”“物联网专业介绍”、“场馆建设介绍”和“招生网站”,任务1：标签导航控件使用与属性设置,页面设置,任务1：标签导航控件使用与属性设置,3.在“物联网专业介绍”页面上利用前面学过文本控件、图片控件的使用方法和技巧布局好页面。,页面设置,任务1：标签导航控件使用与属性设置,4.拖放一个“标签导航”控件到布局好的“物联网专来介绍”版面下方，并在“标签导航”的控件样式设置面板上设置其背景、高度、大小及文本格式。,设置标签控件样式,任务1：标签导航控件使用与属性设置,5.单击“控件内容”设置面板，编辑标签导航的名称分别为“专业介绍”、“宣传视频”、“场馆介绍”和“招生网站”，并编辑“专业介绍”标签的图片、按下图片选项和连接页面,设置标签内容,任务1：标签导航控件使用与属性设置,标签导航效果,6.依次编辑“宣传视频”、“场馆介绍”和“招生网站”标签项的内容，其中连接页面分别连接到“物联网宣传视频”、“场馆建设介绍”和“招生网站”页面上,任务2：画廊控件使用与属性设置,画廊控件可用于展示一系列图片，可设置好时间自动播放取得类似动画的效果。1.保存“物联网专业介绍”页面后单击“场馆建设介绍”页面，开始编辑此页面，在此页面上添加一个“画廊”控件。在“画廊”控件的“控件内容”面板上单击“选择图片”按钮上传场馆实际建设图片。,任务2：画廊控件使用与属性设置,添加画廊控件,任务2：画廊控件使用与属性设置,2.在控件样式设置面板上可以设置画廊的布局、是否显示页码、是否自动播放、播放速度和背景等效果。,设置画廊控件,任务2：画廊控件使用与属性设置,3.继续添加一个画廊控件，显示场馆建设情况，此页面的最终效果。,物联网场馆建设,任务3：视频控件使用与属性设置,视频控件用于在APP页面中播放视频文件，支持在线视频播放（目前支持优酷/腾讯视频）。一般一个页面内建议只使用一个视频控件，否则可能导致页面出现加载缓慢或卡死现象。1.打开“物联网宣传视频”页面，开始编辑此页面，拖动一个“视频控件”到此页面上，在右侧控件内容面板中输入优酷/腾讯视频的ID号即可。点击“上传封面”，可自定义设置视频控件的背景图片，在视频未播放时显示。可在模拟器中可查看效果并做出调整,任务3：视频控件使用与属性设置,视频控件设置,任务3：视频控件使用与属性设置,获取视频ID：视频控件支持在线视频播放（目前支持优酷/腾讯视频），视频ID的获取方法为：,获取视频ID,任务4：浏览器控件使用与属性设置,使用浏览器控件可预先内置一个网页地址，让用户打开本页时直接打开浏览器进入该网址浏览。操作方法：打开“招生网站”页面，拖动一个浏览器控件到模拟器中，并在右边属性栏中，设置链接为本学校的招生就业网站地址，并可设置是否显示导航选项。,任务4：浏览器控件使用与属性设置,插入浏览器控件,项目考核,