logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【HarmonyOS 6】人情APP——“首页“页面的UI布局拆解

最简单的纵向流式布局,间距统一管理。三指标行等宽 + 语义配色,一眼区分统计/行动/反馈。优先人物卡片:左图右文 + 描边药丸里程碑 + 三级灰度文字,信息层次清晰。快捷入口:48×48 圆形浅底深字 + 单字图标,比系统图标更直观。近期待办:4vp 左侧色条是视觉锚点,轻卡片适配多行列表。Theme 工具类:所有颜色通过获取,暗色模式零成本适配。间距三档:24 / 14-20 / 6-12,大中

文章图片
#harmonyos#ui#华为 +1
【HarmonyOS 6】“记录“页面的UI布局拆解

筛选栏:深底/白底药丸切换,选中态对比强烈,后续可加横向 Scroll 适配窄屏。三段式卡片:图标行 + 标题行 + 详情文字,信息层次清晰。左侧图标:44×44 圆角方块(非圆形),图标和颜色随类型变化。标题行双结尾:有金额显示数字,无金额显示"低成本"标签,用保证标题不挤压金额。"+ 记录"纯文本:当前靠颜色暗示可点击,后续可加背景做成药丸按钮或轻量按钮。卡片尺寸介于提醒和档案之间:paddi

文章图片
#harmonyos#ui#ubuntu
【HarmonyOS 6】“档案“页面的UI布局拆解

单一卡片纵向重复:页面结构极简,重点全在卡片设计上。头像 + layoutWeight:固定头像宽度,右侧信息弹性填充。accentColor 贯穿卡片:头像、关系标签、星标共用一个主色,一张卡片一个色调。ForEach 渲染星标:5 颗星根据亲密度动态亮灭,两色区分。Flex 自动换行标签:标签数量不确定时,是最稳妥的方案。分隔线划分区域:头部信息和备注之间用浅色 Divider 隔开,比留白更

文章图片
#鸿蒙#harmonyos#华为
到底了