HarmonyOS4 vp单位计算

最新推荐文章于 2024-05-09 08:06:17 发布
最新推荐文章于 2024-05-09 08:06:17 发布
阅读量1.5k 收藏 7
点赞数 12
文章标签： harmonyos 华为 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/135354980
版权

我们在harmonyOS中设置宽度等单位时 需要在后面写明具体是什么单位

width("100%")

这里 我们就写明了是 百分之百

如果不写 直接给数值

width(100)

那么 它就会按vp去读
这里就被读为 100vp

vp 之前是一种移动端宽度概念 后面鸿蒙重定义了它的概念
计算公式是 px 乘以 160 然后除以ppi
ppi 就是像素点密度

在这里插入图片描述
基于px 就还是一个相对单位 是不具备适应宽度能力的
但相对 它加上了像素点密度的计算 会更友善与设备之间的效果
既然官方推荐 在要用px的地方 可以选择 vp
但想做响应式 最好还是百分比了

瑞晟技术服务中心-耿瑞
关注
  • 12
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HarmonyOS鸿蒙开发指南:自适应布局 弹性布局
sybh的博客
01-08 1259
弹性布局（Flex布局）是自适应布局中使用最为灵活的布局。弹性布局提供一种更加有效的方式来对容器中的子组件进行排列、对齐和分配空白空间。弹性布局容器: Flex组件作为Flex布局的容器，用于设置布局相关属性。子组件: Flex组件内的子组件自动成为布局的子组件。主轴: Flex组件布局方向的轴线，子组件默认沿着主轴排列。主轴开始的位置称为主轴起始端，结束位置称为主轴终点端。交叉轴: 垂直于主轴方向的轴线。交叉轴起始的位置称为交叉轴首部，结束位置称为交叉轴尾部。
鸿蒙系统中的像素单位与API使用详解
qq_14863717的博客
06-16 491
px：屏幕物理像素单位，与设备硬件直接相关。vp（Viewport 像素）：屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素。fp（字体像素）：类似于vp，适用于屏幕密度变化，并会随系统字体大小设置变化。lpx（视窗逻辑像素单位）：其大小取决于实际屏幕宽度与逻辑宽度（通过designWidth配置）的比值。
[HarmonyOS][鸿蒙]fp、vp、px相互转换
Macross的专栏
07-07 2286
官方提供了工具类AttrHelper，可实现fp、vp、px相互转换： https://developer.harmonyos.com/cn/docs/documentation/doc-references/attrhelper-0000001054518726 static int fp2px​(floatvalue, floatdensity) Converts a font-size pixel (fp) to a pixel value based on the scr..
鸿蒙移动端像素问题？设计图和vp的比例？
weixin_39971163的博客
12-25 914
大家都知道原始的css3适配方案是媒体查询和rem布局，媒体查询是现有多种ui框架的底层原理，写非ui框架项目时候，rem更好用一些。由此可见，不管设计图是720px，还是1080px 项目中内容宽度写360vp 都会占满全屏。鸿蒙移动端最主要的问题是怎样适配所有大小不同的移动设备端口？但是rem需要有一个设计图比例问题，鸿蒙到底应该是多少？
鸿蒙开发-UI-布局-栅格布局
中年程序员
01-22 2350
上文详细学习常见布局方式-相对布局，学习相对布局中锚点以及对齐方式的知识，本文将学习格栅布局的相关知识。本文详细学习常见布局方式-栅格布局，学习栅格布局中列数控制，子组件的排列方向已经间距控制，也学习了栅格容器子组件占用列数以及偏移和顺序的定义方式。下文将如何创建List。
鸿蒙开发中vp和fp是啥？
蓝不蓝编程
10-12 1448
vp和fp vp相当于安卓中dp； fp相当于安卓中的sp。 官方参考资料 https://developer.harmonyos.com/cn/docs/design/des-guides/basic-0000001055539104 关于我 厦门大学计算机专业|华为八年高级工程师 十年软件开发经验，5年编程培训教学经验 目前从事编程教学，软件开发指导，软件类毕业设计指导。 所有编程资料及开源项目见https://cxyxy.blog.csdn.net/article/details/120405881
鸿蒙入门04-像素单位
qq_42660453的博客
04-17 1267
名称描述px屏幕物理像素单位。vp屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素fp字体像素，与 vp 类似适用屏幕密度变化，。lpx视窗逻辑像素单位，lpx单位为实际屏幕宽度与逻辑宽度（通过配置）的比值，designWidth 默认值为 720。当 designWidth 为 720 时，在实际宽度为1440 物理像素的屏幕上，1lpx 为 2px 大小。
HarmonyOS 度量单位。px/vp/fp
丿灬安之若死
04-25 2802
px像素。 在过去一般手机的像素点就是1920*1080 （1920px*1080px） 但是也有更大或者更小得 当你默认不写的时候他就是用的px。 bug 这很多手机很多像素不一样，那么如果我们用这个当作元素的大小度量单位，，你的手机ui控件就会显示的很糟糕。 顺嘴： Android为了解决这一问题引入了dp概念。dp。。是dpi的简称 鸿蒙提出了一个vp的概念。 计算公式是 px(160) 然后除以ppi ppi 就是像素点密度 这个如何计算的呢 勾股定律知道吧。先算出.
鸿蒙应用开发-组件样式
m0_56255097的博客
02-20 1197
ArkTS以声明方式组合和扩展组件来描述应用程序的UI 同时还提供了基本的属性、事件和子组件配置方法，帮助开发者实现应用交互逻辑
VP4编码格式测试码流，分辨率460x112
最新发布
07-14
VP4编码格式测试码流，分辨率460x112
HarmonyOS应用开发-三方UI线程图组件练习.docx
06-03
### HarmonyOS应用开发-三方UI线程图组件详解 #### 一、HarmonyOS概述与特点 HarmonyOS是华为推出的面向全场景的分布式操作系统，它不仅支持智能手机，还覆盖了智能穿戴、智能家居等各类终端设备。为了方便开发者...
vp8vp9video.7z
05-08
标题中的"vp8vp9video.7z"表明这是一个包含vp8和vp9编码格式的视频文件集合，压缩为了7z格式，便于存储和传输。7z是一种高压缩率的文件压缩格式，由7-Zip软件创建，它支持多种压缩算法，能有效减少文件大小。 描述...
VP9 8K 60FPS 8bit 测试片源
03-12
格式 : VP9 格式配置 (Profile) : 0 编解码器 ID : V_VP9 时长 : 2 分 5 秒 宽度 : 7 680 像素 高度 : 4 320 像素 画面比例 : 16:9 帧率模式 : 恒定帧率 (CFR) 帧率 : 60.000 FPS 色彩空间 : YUV 色度抽样 : 4:2:0
vp.rar_vP
09-19
"vp.rar_vP"是一个与vp聊天系统相关的压缩包文件，它包含了一个名为"vp聊天系统文件修改器"的工具，以及一个名为"www.pudn.com.txt"的文本文件。这个修改器主要用于对vp聊天系统的配置文件进行调整和优化，以适应...
鸿蒙应用开发-图片像素转换一文搞懂
weixin_53175511的博客
05-05 480
想要理解上述尺寸单位，需要大家先掌握屏幕相关的几个参数屏幕显示的最小单位，屏幕上的一个小亮点称为一个像素。屏幕上横向和纵向的像素数量。屏幕对角线的长度，以英寸(inches)为单位。像素密度是每英寸屏幕上的像素数量，通常以PPI（Pixels Per Inch）表示，计算公式如下。较高的像素密度意味着在相同尺寸的屏幕上有更多的像素，从而提供更加清晰和细腻的图像。如下图所示。
鸿蒙开发-像素单位
chenshifu888的博客
05-09 697
当designWidth为720时，在实际宽度为1440物理像素的屏幕上，1lpx为2px大小。屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素，当数值不带单位时，默认单位vp。在实际宽度为1440物理像素的屏幕上，1vp约等于3px。ArkUI为开发者提供4种像素单位，鸿蒙ArkUI 框架采用vp为基准数据单位。字体像素，与vp类似适用屏幕密度变化，随系统字体大小设置变化。使用虚拟像素vp，使元素在不同密度的设备上具有一致的视觉体量。视窗逻辑像素单位，lpx单位为实际屏幕宽度与逻辑宽度（通过。
HarmonyOS ts声明式开发 ets开发 修改组件宽高，获取组件宽高
qq982673701的博客
05-31 568
@State _width:number = 160; @State _text:string = '点我放大'; build() { Button(this._text) .size({width:this._width,height:60}) .fontSize(`27fp`) .padding({left:`15vp`,right:`15vp`}) .fontColor(`#000000`) .backgroundColor(`#007CFD`) .
HarmonyOS鸿蒙学习笔记（17）获取屏幕宽高等属性
菜鸟博客
01-11 4844
鸿蒙获取屏幕的宽和高
vp.setCurrentItem(4, false);
05-29
这段代码的作用是什么？ 该代码的作用是将ViewPager2切换到第5个Fragment的位置，并且不展示平滑滚动的效果。其中，第一个参数4表示要切换到的Fragment的位置，因为ViewPager2的位置下标从0开始计算，所以第5个Fragment的位置是4。第二个参数false表示不展示平滑滚动的效果，而是直接切换到指定位置。如果将第二个参数设置为true，则会展示平滑滚动的效果。该代码通常用于在业务逻辑中动态切换ViewPager2中的Fragment，以便展示不同的界面内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值