12306网站很难做吗,温州产品推广网站,中山网站建设服务,台州建设局招标投标网站1. armonyOS 屏幕适配设计
1.1. 像素单位
#xff08;1#xff09;px (Pixels) px代表屏幕上的像素点#xff0c;是手机屏幕分辨率的单位#xff0c;即屏幕物理像素单位。 #xff08;2#xff09;vp (Viewport Percentage) vp是视口百分比单位#xff0c;基于…1. armonyOS 屏幕适配设计
1.1. 像素单位
1px (Pixels) px代表屏幕上的像素点是手机屏幕分辨率的单位即屏幕物理像素单位。 2vp (Viewport Percentage) vp是视口百分比单位基于视口即浏览器窗口的宽度或高度屏幕密度相关像素根据屏幕像素密度转换为屏幕物理像素当数值不带单位时默认单位vp。在实际宽度为1440物理像素的屏幕上1vp约等于3px。它允许组件的大小根据视口的大小动态调整。常用于响应式设计确保组件在不同屏幕尺寸上保持相对大小。 **3lpx (Logical Pixels) ** lpx是逻辑像素单位用于解决不同设备分辨率和像素密度的问题。 lpx单位为实际屏幕宽度与逻辑宽度通过designWidth配置的比值designWidth默认值为720。当designWidth为720时在实际宽度为1440物理像素的屏幕上1lpx为2px大小。
1.2. 逻辑宽度 window: {designWidth: 720,autoDesignWidth: false}属性名称含义数据类型是否可缺省designWidth标识页面设计基准宽度。以此为基准根据实际设备宽度来缩放元素大小。数值可缺省缺省值为720px。autoDesignWidth标识页面设计基准宽度是否自动计算。当配置为true时designWidth将会被忽略设计基准宽度由设备宽度与屏幕密度计算得出。布尔值可缺省缺省值为false。 它基于设备的像素密度进行转换以提供一致的视觉尺寸。当你缩放宽高的时候可以自动适配。
1.3. 核心 vp这个概念实际上来源于android的dp是一个屏幕密度值用来解决不同比例和屏幕像素的差异。 vp虽然也做到了自适应但是计算方式是根据屏幕斜边来计算。这也导致在UI还原遇到的最大问题就是很难按照设计图进行快速的编写代码。并且相同的vp在不同机型上展示的效果是有问题的。即虽然进行了自适用但是因为计算方式是按照斜边所以在水平方向上的宽度在各机型展示的实际宽度百分比是不一致导致UI还原上存在问题。 lpx是以720px为基准计算的相对像素目前主流的屏幕720分辨率已经很低配了。我个人建议直接用LPX但是目前大部分的APi都是基于VP来计算的。这样在实际的开发中可以用函数转换。 Harmony要多一个lpx是因为鸿蒙是跨端的也就是存在 pc、pad 等在其他的端存在视窗可以拉长缩小的情况所以这个主要是应用在需要适配多端的场景。
