当前位置: 首页 > news >正文

【Harmony OS 4.0】像素单位 - px、vp、fp

1. px

  1. 物理像素,以像素个数来定义图像尺寸。
  2. 弊端是,在不同像素密度的屏幕上,相同的像素个数对应的物理尺寸是不同的。就会导致我们的应用在不同设备上显示的尺寸可能不同。如下图:
    在这里插入图片描述

2. vp(Virtual Pixel)

  1. 虚拟像素是一种可根据屏幕像素密度灵活缩放的单位。可以保证一致的观感。
  2. 1vp 相当于像素密度为 160ppi 的屏幕上的 1px。
  3. 在不同的像素密度的屏幕上,HarmonyOS 会根据如下公式将虚拟像素换算为对应的物理像素。
    px = p p i 160 × v p \frac{ppi}{160} \times vp 160ppi×vp1
  4. 默认以 vp 作为单位。
    在这里插入图片描述

3. fp(Font Pixel)

  1. 字体大小的单位。
  2. 与 vp 类似,具体大小也会随屏幕的像素密度变化而变化。

  1. \times:表示数学符号中的 × ↩︎

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 基于SpringBoot的网上宠物店系统
  • C语言:函数详解(2)
  • C++如何为枚举量生成对应的解释:4种常见的方法
  • 探索宝可梦的世界:PokeAPI如何让开发者大展拳脚
  • 【Spring Cloud】Consul
  • 深入理解 Go 语言并发编程--管道(channel) 的底层原理
  • 分布式 - 主从复制技术详解及时延处理
  • MongoDB如何时间范围查询
  • 端到端 - UniAD: Planning-oriented Autonomous Driving - 以规划为导向的自动驾驶(CVPR 2023)
  • [数据集][目标检测]工程机械车辆检测数据集VOC+YOLO格式3189张10类别
  • 微信小程序的遍历和事件的简单案例
  • TCP协议中的三次握手
  • 新的创作 保护游戏真的是一场大逃杀
  • Swift中的可选类型:揭开Optional的神秘面纱
  • 007 SpringCloudAlibaba基础使用(nacos,gateway)
  • exif信息对照
  • HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
  • iOS 系统授权开发
  • Javascript弹出层-初探
  • Java小白进阶笔记(3)-初级面向对象
  • learning koa2.x
  • MySQL主从复制读写分离及奇怪的问题
  • PHP那些事儿
  • python学习笔记 - ThreadLocal
  • Rancher如何对接Ceph-RBD块存储
  • Sass 快速入门教程
  • Vue UI框架库开发介绍
  • Zsh 开发指南(第十四篇 文件读写)
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 从零开始学习部署
  • 前端之React实战:创建跨平台的项目架构
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 小程序01:wepy框架整合iview webapp UI
  • 学习JavaScript数据结构与算法 — 树
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • #Lua:Lua调用C++生成的DLL库
  • #systemverilog# 之 event region 和 timeslot 仿真调度(十)高层次视角看仿真调度事件的发生
  • #ubuntu# #git# repository git config --global --add safe.directory
  • (04)Hive的相关概念——order by 、sort by、distribute by 、cluster by
  • (floyd+补集) poj 3275
  • (不用互三)AI绘画工具应该如何选择
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (附源码)ssm旅游企业财务管理系统 毕业设计 102100
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • (转) SpringBoot:使用spring-boot-devtools进行热部署以及不生效的问题解决
  • (转)Android学习系列(31)--App自动化之使用Ant编译项目多渠道打包
  • (转)http协议
  • (转)JAVA中的堆栈
  • (转)大型网站架构演变和知识体系
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • (转载)Google Chrome调试JS
  • (转载)深入super,看Python如何解决钻石继承难题
  • .NET Core引入性能分析引导优化