HarmonyOs学习笔记-布局单位

鸿蒙开发中布局存在很多单位
鸿蒙的默认单位是vp
下方先展示一下在RrkTsUI中我们应该怎么书写，然后讲一下各大单位详细的寄义。

1. Text("这是一个文本, 用默认单位进行展示，也就是vp")
2. .width(100)
3. .height(100);
5. //此段代码与上方代码是一样的，上方代码默认单位就是vp
6. Text("这是一个文本, 用默认单位进行展示，也就是vp")
7. .width("100vp")
8. .height("100vp");
10. Text("这是一个文本，用px单位来表示")
11. .width("100px")
12. .height("100px");

复制代码

px

px代表物理像素。落实到硬件为屏幕上的一个展示单位，也就是像素点。随着期间发展，就像我们的手机，电脑，最早的时候甚至肉眼就能看出来像素点，但是随着硬件器材升级，手机越来越高端，屏幕也越来越好，也变得越来越细腻，有时候拿放大镜仔细看才能看出来像素点。因为这个像素点变得越来越小，这样相同的物理面积里就会放下更多的物理像素点，屏幕的显现就因此越来越细腻。
下图为模仿粗糙像素点与细腻像素点的区别：

当我们给一个笔墨或者方框的单位为px时， 假设是 10px，就意味着是10像素点， 那么在比力糙的屏幕上，也就是像素点比力大的，通常是价格比力便宜的屏幕上，10像素点累积起来的长度，要比好的屏幕，也就是像素点比力小，表现比力细腻的屏幕上， 长度要更长。原因就是，这个像素点一个比力大，一个比力小。
以是假如以px为单位，则实际长宽大小，是要根据详细的物理屏幕而定的。 不容易同一。
vp

vp是华为为Harmony系统定制的，一种默认的布局单位。是一种逻辑像素。它是为了解决我们上方介绍的px所带来的题目。就是相同px的控件， 在差异的屏幕上展示大小差异一的题目。言外之意，就是跟上述题目反着来，只要我们给定了宽高之后，那么，控件的展示，即使在差异的屏幕上，无论粗糙的屏幕还是细腻的屏幕，起码展示的肉眼可见的大小，是一样的！也就是尽量由上图形式，优化为下图形式：

那么它的解决思路是什么呢？其实跟Android系统的ps单位异曲同工。其核心的点在于，鸿蒙能拿到屏幕的真实密度，然后用公式，将单位值转换为真实的像素点值。 就是为了确保观感同等，做了盘算。
公式为：

在实际宽度为1440的物理像素屏幕上， 1vp ≈ 3px 。 与Android的ps几乎同等。
fp

用来设置字体大小的单位， 实际上期原理和vp这个单位理解是同等的，但是有一个好处是，当未来手机的系统字体调大调小的时候（比如老年人比力倾向于把字体调大一些），这种环境下，我们app里面的字体也会跟着系统字体相应的调大调小。这时候，我们的字体大小单位为fp的时候，就会有这个本领。非常方便机动。
lpx

lpx，是一种逻辑像素单位。它的意思是说， 无论用户用的手机，平板屏幕是什么样的， 像素点，大也好，小也罢。 刨去这个概念， 只把用户的屏幕，横向，纵向，分割为多少平分，比方，1020 x 1980 ，你的屏幕只要是比例跟这个尺寸相符，那么无论实际物理尺寸是大还是小，都可以按照这个量去切分。
比方一个粗糙的屏幕，本身就是横向1020 x 纵向 1980 个像素点，这样排布， 而一个比力细腻的屏幕，横向是 2040 X 纵向3960 个像素这样排布。 假如一个方框的高度设置为 100VP， 那么粗糙的屏幕宽度占据的像素点是 100个， 而后边那个比力细腻的像素点占据的是 200个， 总之是包管了物理尺寸上比例的大小展示，是同等的就可以了。
lpx与vp而言，差异的是， 观感不一样。 vp是包管控件在差异屏幕上观感大小同等。 但lpx是包管比例是同等的，也就是差异屏幕上您看到的是等比放大或缩小。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。