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

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