尺寸与基础参数服务卡片按照桌面宫格布局,以手机 4x6 宫格为基础分为 4 种尺寸。在修改手机桌面宫格布局后,微卡片和小卡片仍然按照桌面布局显示,中卡片和大卡片按照宫格最大宽度拉伸。因此在设计时需要考虑到卡片内容的尺寸适配。服务卡片使用 HarmonyOS 通用界面单位进行开发,在 Java UI 中可以使用虚拟像素(virtual pixels, vp)进行开发,详细规格可参考通用设计规范的介绍。在 Js UI 中由于可以设置 Auto Design 属性,像素(Pixel)与虚拟像素(virtual pixels, vp)具有同等概念,可以不做区分。![]/img/bVddg04参考文档:尺寸与基础参数
尺寸与基础参数
服务卡片按照桌面宫格布局,以手机 4x6 宫格为基础分为 4 种尺寸。在修改手机桌面宫格布局后,微卡片和小卡片仍然按照桌面布局显示,中卡片和大卡片按照宫格最大宽度拉伸。因此在设计时需要考虑到卡片内容的尺寸适配。
服务卡片使用 HarmonyOS 通用界面单位进行开发,在 Java UI 中可以使用虚拟像素(virtual pixels, vp)进行开发,详细规格可参考通用设计规范的介绍。在 Js UI 中由于可以设置 Auto Design 属性,像素(Pixel)与虚拟像素(virtual pixels, vp)具有同等概念,可以不做区分。
![]/img/bVddg04
参考文档:尺寸与基础参数