8..4制作物聯(lián)網(wǎng)師訓場館介紹APP

,項目4：制作物聯(lián)網(wǎng)師訓場館介紹APP,項目描述與效果,某學校已經(jīng)開設了物聯(lián)網(wǎng)專業(yè)，建設了相應的物聯(lián)網(wǎng)實訓室，為了更好的宣傳此學校的物聯(lián)網(wǎng)相關信息，需要制作一個專業(yè)介紹APP。,項目效果圖,項目實施,要制作上圖所示的專業(yè)介紹APP，在應用公園中除了運用到文字控件和圖片控件布局頁面效果外，還運用了標簽導航控件、畫廊控件、視頻控件和瀏覽器控件，具體操作如下面如示,本項目主要內(nèi)容,任務1：標簽控件使用與屬性設置,1,任務4：畫廊控件使用與屬性設置,4,任務1：標簽導航控件使用與屬性設置,底部標簽導航可以鏈接多個頁面，實現(xiàn)各頁面平級切換的效果，在我們制作App時經(jīng)常作為做菜單使用。1.進入應用公園軟件，填寫應用名稱，上傳圖標和啟動頁，保存后進入操作界面。2.在左側應用頁面，新建四個頁面，分別是“物聯(lián)網(wǎng)宣傳視頻”“物聯(lián)網(wǎng)專業(yè)介紹”、“場館建設介紹”和“招生網(wǎng)站”,任務1：標簽導航控件使用與屬性設置,頁面設置,任務1：標簽導航控件使用與屬性設置,3.在“物聯(lián)網(wǎng)專業(yè)介紹”頁面上利用前面學過文本控件、圖片控件的使用方法和技巧布局好頁面。,頁面設置,任務1：標簽導航控件使用與屬性設置,4.拖放一個“標簽導航”控件到布局好的“物聯(lián)網(wǎng)專來介紹”版面下方，并在“標簽導航”的控件樣式設置面板上設置其背景、高度、大小及文本格式。,設置標簽控件樣式,任務1：標簽導航控件使用與屬性設置,5.單擊“控件內(nèi)容”設置面板，編輯標簽導航的名稱分別為“專業(yè)介紹”、“宣傳視頻”、“場館介紹”和“招生網(wǎng)站”，并編輯“專業(yè)介紹”標簽的圖片、按下圖片選項和連接頁面,設置標簽內(nèi)容,任務1：標簽導航控件使用與屬性設置,標簽導航效果,6.依次編輯“宣傳視頻”、“場館介紹”和“招生網(wǎng)站”標簽項的內(nèi)容，其中連接頁面分別連接到“物聯(lián)網(wǎng)宣傳視頻”、“場館建設介紹”和“招生網(wǎng)站”頁面上,任務2：畫廊控件使用與屬性設置,畫廊控件可用于展示一系列圖片，可設置好時間自動播放取得類似動畫的效果。1.保存“物聯(lián)網(wǎng)專業(yè)介紹”頁面后單擊“場館建設介紹”頁面，開始編輯此頁面，在此頁面上添加一個“畫廊”控件。在“畫廊”控件的“控件內(nèi)容”面板上單擊“選擇圖片”按鈕上傳場館實際建設圖片。,任務2：畫廊控件使用與屬性設置,添加畫廊控件,任務2：畫廊控件使用與屬性設置,2.在控件樣式設置面板上可以設置畫廊的布局、是否顯示頁碼、是否自動播放、播放速度和背景等效果。,設置畫廊控件,任務2：畫廊控件使用與屬性設置,3.繼續(xù)添加一個畫廊控件，顯示場館建設情況，此頁面的最終效果。,物聯(lián)網(wǎng)場館建設,任務3：視頻控件使用與屬性設置,視頻控件用于在APP頁面中播放視頻文件，支持在線視頻播放（目前支持優(yōu)酷/騰訊視頻）。一般一個頁面內(nèi)建議只使用一個視頻控件，否則可能導致頁面出現(xiàn)加載緩慢或卡死現(xiàn)象。1.打開“物聯(lián)網(wǎng)宣傳視頻”頁面，開始編輯此頁面，拖動一個“視頻控件”到此頁面上，在右側控件內(nèi)容面板中輸入優(yōu)酷/騰訊視頻的ID號即可。點擊“上傳封面”，可自定義設置視頻控件的背景圖片，在視頻未播放時顯示?？稍谀M器中可查看效果并做出調(diào)整,任務3：視頻控件使用與屬性設置,視頻控件設置,任務3：視頻控件使用與屬性設置,獲取視頻ID：視頻控件支持在線視頻播放（目前支持優(yōu)酷/騰訊視頻），視頻ID的獲取方法為：,獲取視頻ID,任務4：瀏覽器控件使用與屬性設置,使用瀏覽器控件可預先內(nèi)置一個網(wǎng)頁地址，讓用戶打開本頁時直接打開瀏覽器進入該網(wǎng)址瀏覽。操作方法：打開“招生網(wǎng)站”頁面，拖動一個瀏覽器控件到模擬器中，并在右邊屬性欄中，設置鏈接為本學校的招生就業(yè)網(wǎng)站地址，并可設置是否顯示導航選項。,任務4：瀏覽器控件使用與屬性設置,插入瀏覽器控件,項目考核,