其他分享
首页 > 其他分享> > 鸿蒙诗词大赛轻应用

鸿蒙诗词大赛轻应用

作者:互联网

我们基于HUAWEI DevEco Studio 一套代码,手机、电视分布式协同显示,同时使用了DirectionalLayout布局、Text组件、button组件、Checkbox组件,TextField组件综合应用实现各项功能。

        通过使用HarmonyOS布局与常用前端组件和中国的诗词结合的方式,形成了一种既有趣、有充满现代科技感的轻应用中华传统文化学习、测试、娱乐的方式。

        我们挑选了些中国优秀的诗词,以单选、多选、填空、解释的方式供大家学习测试与在学习中娱乐。既可以检查一下自己的诗词能力,同时通过手机和电视配合对照答案与方便全家参与等。

      轻应用形式,便于考试、测试、学习等多个场景使用。既可以单独使用,也可以作为某个应用的功能模块。适合对诗词感兴趣的所有人群参与,方便快捷有趣,是流量入口的方式。

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区


 
该项目为诗词大赛
点击有“诗词大赛”字体的图标进入其中

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
该页面为诗词大赛的首页

主要使用了插入图片所需的image组件以及使用button组件
进行跳转

点击“进入答题”进入其中


 鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
点击“进入答题”后首先进入的是单选的页面,对图中的题进行完答题后将进入下一个页面

该页面主要使用的是DirectionalLayout布局、Text组件、button组件以及使用Checkbox组件对答案进行选择

 

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
该题全都回答完后点击“继续答题”进入下一个页面

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
上个单选页面的题完成后点击“继续答题”进入该多选页面

该页面主要使用的是DirectionalLayout布局、Text组件、button组件以及使用Checkbox组件对答案进行选择


 鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
该题全都回答完后
点击“继续答题”进入
下一个页面

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
上个多选页面的题完成后点击“继续答题”进入该多选、填空以及解释回答页面

该页面主要使用的是DirectionalLayout布局、Text组件、button组件以及使用Checkbox组件、TextField组件对答案进行选择

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
回答完该页面中的题目然后点击“查看答案”

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
对着该页面中的答案与所答题的答案对照检查一下

鸿蒙诗词大赛轻应用-鸿蒙HarmonyOS技术社区
 
该页面为TV版的 当你在手机版中答题可以在TV版中查看或者对照答案。
完整代码下载地址:https://gitee.com/jltfcloudcn/jump_to/tree/master/jltfshicidasai


文章相关附件可以点击下面的原文链接前往学习

原文链接:https://harmonyos.51cto.com/posts/4482#bkwz


想了解更多关于鸿蒙的内容,请访问:

51CTO和华为官方战略合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#bkwz


标签:鸿蒙,答题,诗词,大赛,点击,组件,button,页面
来源: https://blog.51cto.com/harmonyos/2807900