項(xiàng)目描述:
溪村小鎮(zhèn)是一款展示溪流背坡村園區(qū)風(fēng)貌的應(yīng)用,包括園區(qū)內(nèi)的導(dǎo)航功能,小火車行車狀態(tài)查看,以及各區(qū)域的風(fēng)景展覽介紹,主要用于展示 HarmonyOS 的 ArkUI 能力和動(dòng)畫效果.
主要功能有:打開應(yīng)用時(shí)進(jìn)入啟動(dòng)頁,啟動(dòng)頁輪播展示溪村小鎮(zhèn)風(fēng)景圖,之后進(jìn)入應(yīng)用首頁。
在首頁的“地圖瀏覽”標(biāo)簽頁,可以拖動(dòng)和縮放查看地圖,并查找相應(yīng)地標(biāo)建筑。
在首頁的“區(qū)域?qū)в[”標(biāo)簽頁,可以上下滑動(dòng)查看溪村小鎮(zhèn)不同區(qū)域的卡片,點(diǎn)擊卡片可以進(jìn)入對(duì)應(yīng)的區(qū)域詳情頁并查看區(qū)域的詳細(xì)介紹和高清建筑風(fēng)景圖。
在首頁的“小火車”標(biāo)簽頁,可以查看溪村小火車的運(yùn)行路線圖
掌握能力:
Tabs 組件:通過頁簽進(jìn)行內(nèi)容視圖切換的容器組件,每個(gè)頁簽對(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)畫:組件的某些通用屬性變化時(shí),可以通過屬性動(dòng)畫實(shí)現(xiàn)漸變過渡效果,提升用戶體驗(yàn)。
自定義彈窗:通過 CustomDialogController 類顯示自定義彈窗。使用彈窗組件時(shí),可優(yōu)先考慮自定義彈窗,便于自定義彈窗的樣式與內(nèi)容。
Canvas 畫布:用于自定義繪制圖形。