項(xiàng)目描述:
溪村小鎮(zhèn)是一款展示溪流背坡村園區(qū)風(fēng)貌的應(yīng)用,包括園區(qū)內(nèi)的導(dǎo)航功能,小火車(chē)行車(chē)狀態(tài)查看,以及各區(qū)域的風(fēng)景展覽介紹,主要用于展示 HarmonyOS 的 ArkUI 能力和動(dòng)畫(huà)效果.
主要功能有:打開(kāi)應(yīng)用時(shí)進(jìn)入啟動(dòng)頁(yè),啟動(dòng)頁(yè)輪播展示溪村小鎮(zhèn)風(fēng)景圖,之后進(jìn)入應(yīng)用首頁(yè)。
在首頁(yè)的“地圖瀏覽”標(biāo)簽頁(yè),可以拖動(dòng)和縮放查看地圖,并查找相應(yīng)地標(biāo)建筑。
在首頁(yè)的“區(qū)域?qū)в[”標(biāo)簽頁(yè),可以上下滑動(dòng)查看溪村小鎮(zhèn)不同區(qū)域的卡片,點(diǎn)擊卡片可以進(jìn)入對(duì)應(yīng)的區(qū)域詳情頁(yè)并查看區(qū)域的詳細(xì)介紹和高清建筑風(fēng)景圖。
在首頁(yè)的“小火車(chē)”標(biāo)簽頁(yè),可以查看溪村小火車(chē)的運(yùn)行路線圖
掌握能力:
Tabs 組件:通過(guò)頁(yè)簽進(jìn)行內(nèi)容視圖切換的容器組件,每個(gè)頁(yè)簽對(duì)應(yīng)一個(gè)內(nèi)容視圖
List 組件:列表包含一系列相同寬度的列表項(xiàng),包含子組件 ListItem
點(diǎn)擊手勢(shì):支持單擊、雙擊和多次點(diǎn)擊事件的識(shí)別
拖動(dòng)手勢(shì):用于觸發(fā)拖動(dòng)手勢(shì)事件,滑動(dòng)的最小距離為 5vp 時(shí)拖動(dòng)手勢(shì)識(shí)別成功。
捏合手勢(shì):用于觸發(fā)捏合手勢(shì)事件,觸發(fā)捏合手勢(shì)的最少手指為 2 指,最大為 5 指,最小識(shí)別距離為 3vp。
屬性動(dòng)畫(huà):組件的某些通用屬性變化時(shí),可以通過(guò)屬性動(dòng)畫(huà)實(shí)現(xiàn)漸變過(guò)渡效果,提升用戶(hù)體驗(yàn)。
自定義彈窗:通過(guò) CustomDialogController 類(lèi)顯示自定義彈窗。使用彈窗組件時(shí),可優(yōu)先考慮自定義彈窗,便于自定義彈窗的樣式與內(nèi)容。
Canvas 畫(huà)布:用于自定義繪制圖形。