基于鸿蒙HarmonyOS开发的情绪记录App项目---页面UI设计(1/3)
·
本项目基于基于鸿蒙HarmonyOS开发的情绪记录App,用户点击“记录这一刻”即可对于此时此刻的心情进行一个小小的记录,点击“查看近期心情”则显示近期记录的情绪卡片。

一、首先创建一个新项目,接着创建一个新页面。

二、页面预览默认运行Index,可以在EntryAbility.ets文件里将’pages/Index’修改成自己需要预览的Pages。例如修改成’pages/Mood’。


三、准备需要使用的图片资源,尽量使用svg矢量图片,存放在media文件里。


四、创建一个文件目录存放自定义组件。

五、创建自定义组件。

六、创建自定义组件,导入自定义组件,实现日期显示功能。
![]()
七、日期自定义组件的实现代码。

八、为了实现后续路由页面跳转功能,需要导入router模块。引用自定义组件也需要进行导入。

九、实现代码。



下一个功能页面简单预览(2/3):

点击任意心情表情即可实现情绪记录:

更多推荐



所有评论(0)