UI布局默认是多少vp
2024-12-18 15:49:22
187次阅读
0个评论
不管屏幕分辨率是多少,屏幕密度是多少,组件在视觉上呈现的效果是一致的。
vp具体计算公式为:vp= px/(DPI/160)
px就是屏幕真实物理像素值,densityPixels是屏幕密度,是和标准DPI的比例,常见取值有0.75,1.0,1.5,2.0,3.0等,在HarmonyOS中,标准DPI为160,以华为mate 40 pro为例,查询得到的densityPixels=3.5,densityDPI=560。densityDPI就是我们通常所说的系统屏幕密度,densityPixels就是屏幕密度和标准dpi(160)的比率。想要查看真机的dpi,可以调用屏幕属性中的display接口查询。
import { display } from '@kit.ArkUI';
let displayClass: display.Display | null = null;
try {
displayClass = display.getDefaultDisplaySync();
} catch (exception) {
console.error('Failed to obtain the default display object. Code: ' + JSON.stringify(exception));
}
如果原型图没有提供vp单位的布局,开发者可以根据densityPixel把px转为vp,HarmonyOS也封装了现成的接口px2vp()和vp2px()供开发者直接调用。
00
- 1回答
- 0粉丝
- 0关注
相关话题
- OpenHarmony: 实现文件没有默认导出,也可以默认导入
- harmony OS NEXT-UI开发与部分布局
- PX、 VP、 FP 、LPX、Percentage、Resource 详细区别是什么
- 108.HarmonyOS NEXT 跑马灯组件详解(四): UI布局与样式设计
- 「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
- 【元服务】基础布局——栅格布局基础
- 【元服务】基础布局——栅格布局案例
- 基础布局
- 基础的页面布局
- 简单了解栅格布局
- 元服务布局基础
- 42.HarmonyOS NEXT Layout布局组件系统详解(九):嵌套布局实现
- (四)ArkTS 布局系统详解
- 鸿蒙开发:相对布局RelativeContainer
- 鸿蒙开发:弹性布局Flex