鴻蒙詩詞大賽輕應(yīng)用
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)
我們基于HUAWEI DevEco Studio 一套代碼,手機、電視分布式協(xié)同顯示,同時使用了DirectionalLayout布局、Text組件、button組件、Checkbox組件,TextField組件綜合應(yīng)用實現(xiàn)各項功能。
通過使用HarmonyOS布局與常用前端組件和中國的詩詞結(jié)合的方式,形成了一種既有趣、有充滿現(xiàn)代科技感的輕應(yīng)用中華傳統(tǒng)文化學(xué)習(xí)、測試、娛樂的方式。
我們挑選了些中國優(yōu)秀的詩詞,以單選、多選、填空、解釋的方式供大家學(xué)習(xí)測試與在學(xué)習(xí)中娛樂。既可以檢查一下自己的詩詞能力,同時通過手機和電視配合對照答案與方便全家參與等。
輕應(yīng)用形式,便于考試、測試、學(xué)習(xí)等多個場景使用。既可以單獨使用,也可以作為某個應(yīng)用的功能模塊。適合對詩詞感興趣的所有人群參與,方便快捷有趣,是流量入口的方式。
該項目為詩詞大賽
點擊有“詩詞大賽”字體的圖標(biāo)進(jìn)入其中
該頁面為詩詞大賽的首頁
主要使用了插入圖片所需的image組件以及使用button組件
進(jìn)行跳轉(zhuǎn)
點擊“進(jìn)入答題”進(jìn)入其中
點擊“進(jìn)入答題”后首先進(jìn)入的是單選的頁面,對圖中的題進(jìn)行完答題后將進(jìn)入下一個頁面
該頁面主要使用的是DirectionalLayout布局、Text組件、button組件以及使用Checkbox組件對答案進(jìn)行選擇
該題全都回答完后點擊“繼續(xù)答題”進(jìn)入下一個頁面
上個單選頁面的題完成后點擊“繼續(xù)答題”進(jìn)入該多選頁面
該頁面主要使用的是DirectionalLayout布局、Text組件、button組件以及使用Checkbox組件對答案進(jìn)行選擇
該題全都回答完后
點擊“繼續(xù)答題”進(jìn)入
下一個頁面
上個多選頁面的題完成后點擊“繼續(xù)答題”進(jìn)入該多選、填空以及解釋回答頁面
該頁面主要使用的是DirectionalLayout布局、Text組件、button組件以及使用Checkbox組件、TextField組件對答案進(jìn)行選擇
回答完該頁面中的題目然后點擊“查看答案”
對著該頁面中的答案與所答題的答案對照檢查一下
該頁面為TV版的 當(dāng)你在手機版中答題可以在TV版中查看或者對照答案。
完整代碼下載地址:https://gitee.com/jltfcloudcn/jump_to/tree/master/jltfshicidasai
51CTO和華為官方合作共建的鴻蒙技術(shù)社區(qū)