简谈HarmonyOS中的屏幕适配方案

最新推荐文章于 2025-08-30 11:12:56 发布

原创

最新推荐文章于 2025-08-30 11:12:56 发布 · 1.4k 阅读

32 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #typescript #经验分享

介绍

鸿蒙生态的一大特性就是"一次开发，多端部署"，然后在日常的开发中，我们一般就是使用较多的就是断点和媒体查询。断点就是通过获取窗口对象并监听窗口尺寸的变化,这也是开发中常用的一个手段变化，媒体查询也是可以监听到应用窗口的尺寸变化，相比较于断点，媒体查询还有其余很多的能力。

实现

屏幕的范围

断点名称	断点范围(vp)	设备
xs	[0,320)	手表等超小屏
sm	[320,600)	手机竖屏
md	[600,840)	手机横屏，折叠屏
lg	[840, +∞)	平板，2in1设备

断点

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Code=200

关注关注

17
点赞
踩
32

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【HarmonyOS】公司鸿蒙项目收工总结之《屏幕适配》

zhongcongxu01的专栏

09-30

1608

我们需要确定，当屏幕变大时，内容是随着屏幕大小而放大，还是保持原有尺寸，从而在更大的屏幕上展示更多的内容。在这种情况下，我们需要考虑，当用户更改了手机上的字体大小设置时，应用程序内的文本是否也应该相应调整，以提供更好的阅读体验，还是保持不变，以确保界面设计的一致性。当不同类型的设备（如不同尺寸和分辨率的屏幕）使用同一款应用时，我们需要决定是为每种设备类型单独设计一套界面，还是使用一套灵活的响应式和自适应设计方案来适配所有设备类型。屏幕适配是一个复杂而重要的议题，它直接影响到用户体验和应用的一致性。

Android Fragment 要你何用？2，HarmonyOS鸿蒙屏幕适配和性能优化

2401_83974370的博客

04-09

826

现在FragmentManagerViewModel可以在Activity重建时恢复，那么它和Fragment里的ViewModel又是如何关联的呢？FragmentManagerViewModel 里有个成员变量：private final HashMap mViewModelStores = new HashMap();在Fragment里声明ViewModel：private val vm by viewModels()查看viewModels调用链

参与评论您还未登录，请先登录后发表或查看评论

鸿蒙OS开发学习：【尺寸适配实现】

m0_62167422的博客

04-10

2352

在鸿蒙开发中，尺寸适配是一个重要的概念，它可以帮助我们在不同屏幕尺寸的设备上正确显示和布局我们的应用程序。本文将介绍如何在鸿蒙开发中实现尺寸适配的方法。在鸿蒙开发中，我们可以通过定义适配方案来指定不同屏幕尺寸下的适配策略。这些适配方案通常包括不同屏幕尺寸下的像素密度、字体大小、布局占比等信息。

HarmonyOS 屏幕适配设计

qq_36158551的博客

07-14

3889

px代表屏幕上的像素点，是手机屏幕分辨率的单位，即屏幕物理像素单位。vp是视口百分比单位，基于视口（即浏览器窗口）的宽度或高度，屏幕密度相关像素，根据屏幕像素密度转换为屏幕物理像素，当数值不带单位时，默认单位vp。在实际宽度为1440物理像素的屏幕上，1vp约等于3px。它允许组件的大小根据视口的大小动态调整。常用于响应式设计，确保组件在不同屏幕尺寸上保持相对大小。lpx是逻辑像素单位，用于解决不同设备分辨率和像素密度的问题。

鸿蒙开发中如何屏幕适配

梦想不只是梦与想的博客

07-09

1105

鸿蒙（HarmonyOS）屏幕适配方案摘要鸿蒙开发通过自适应布局（Flex弹性容器、百分比尺寸）、响应式设计（断点媒体查询、栅格系统）和资源分级（按设备类型提供差异化资源）实现多端适配。核心方法包括：弹性布局：使用Flex容器和layoutWeight分配空间；响应式断点：通过mediaQuery监听屏幕宽度切换布局；资源管理：在resources/目录下按设备（如mobile/、tablet/）配置专属资源；单位适配：采用虚拟像素（vp）自动缩放。开发流程需结合多尺寸设计稿、动态布局构建（@B

简谈电子商务运营方案.doc

07-27

最后，方案中提到的电商运行法则计算公式，销售额等于浏览量乘以流转率乘以客单价乘以购置频率，这为电商运营提供了具体的量化标准。通过分析各项数据，企业可以对销售情况进行量化评估，并据此进行调整优化。本...

信息架构中信息类粒化简谈

03-02

当我们进一座写字楼的时候，找你想要去的房间，你会依据什么来指引到那个房间?当你到超市买东西的时候，什么东西指引你可以很快的找到你要去物柜?当你到达一个网站的时候，你依靠什么找到你要的信息?...

嵌入式系统/ARM技术中的简谈现场总线与DCS的网络集成

11-09

现场总线技术与分散控制系统（DCS）的网络集成是现代工业自动化领域的重要议题。现场总线技术，作为数字化和网络化的代表，对...随着技术的进一步发展，未来可能会出现更多创新的集成方案，以满足不断变化的工业需求。

鸿蒙多尺寸屏幕适配

xo19882011的专栏

07-29

1489

基于API12。之前开发的时候都涉及同设计沟通，都是基于设计稿的宽度来适配的。想小程序默认都是750rpx，iOS都是pt。但是鸿蒙支持的设备宽度跨度太大，有单屏幕、折叠屏、平板、后续应该还有电脑，这样真正的能做到一次开发鸿蒙全平台部署了。看起来是提前实现了swiftUI的设计目的。这种情况参考网页的栅格布局，鸿蒙系统提供默认的断点xs, sm, md, lg四类。

鸿蒙一多适配/屏幕适配/设备适配/分栏

m0_59217213的博客

03-24

1199

1，栅格系统栅格系统，即以设备的水平宽度为依据，形成了一套断点规则，将设备宽度分为 xs sm md lg 四大类。[更细一步的划分包括 xs sm md lg xl xxl 六类]宽度类型取值范围(vp)设备描述xs[0,320)最小宽度类型设备sm[320,520)小宽度类型设备md[520,840)中等宽度类型设备lg[840,+∞)大宽度类型设备2，2in1 设备。

屏幕适配方案：DisplayUtil解决鸿蒙多设备尺寸适配难题

最新发布

gitblog_00262的博客

08-30

963

随着HarmonyOS生态的快速发展，开发者面临着前所未有的多设备适配挑战。从智能手机到平板、从折叠屏到智慧屏，设备屏幕尺寸、分辨率、形态各异，传统的固定布局方案已无法满足需求。你是否还在为以下问题头疼？ - 不同设备屏幕尺寸差异巨大，如何保证UI一致性？ - 折叠屏设备状态多变，如何动态响应折叠状态变化？ - 刘海屏、挖孔屏等异形屏如何安全布局？ - 多显示器环境下如何正确处理主副屏关系？ ...

真牛！腾讯、网易必问的20道题Android面试题，附超全教程文档

m0_53537576的博客

01-28

389

前言再过几个月就到了毕业季，越来越多的00后就会加入到求职找工作的大潮中，而身为30岁的你是否感到了彷徨与压力……是否也能成为新机遇下的弄潮儿。面试之前准备什么？老实说，我自己平常没事就会看一些面试题，所以我都是直接去面的（当然过程也非常惨）。建议大家如果准备面试的话，需要做以下准备背题看一看最近的面经文，了解现在公司都在面什么类型的题，准备一些常见题，开背吧！如果一些基础的 js 都不会那问题就有点小大了。算法做一些算法题，lecode 上面的一二三星就够了，前端算法很简单，基本都是初中

鸿蒙OS开发问题：【尺寸适配算法】

m0_62167422的博客

04-01

2978

如何在HarmonyOS 系统上出设计稿？问题1: 为什么要计算虚拟高度，即 virtualHeight问题2: 输出值为什么采用这个公式。

鸿蒙（HarmonyOS）Navigation如何实现多场景UI适配？

maniuT的博客

03-26

1872

在窄屏设备上，联系人和聊天区在多窗口中体现。在宽屏设备上，联系人和聊天区在同一窗口体现。要做好适配，往往需要开发者开发多套代码，以便运行在不同设备上。但是这样耗时耗力，于是ArkUI针对这种场景提供了分栏组件，可以通过一套代码完成不同设别的适配，本例简单介绍下如何使用分栏组件实现上述场景。

《HarmonyOS Next 屏幕适配：获取设备屏幕宽高数据》

2302_80370282的博客

05-20

1296

在鸿蒙应用开发中，屏幕适配是一个非常重要的环节。不同设备具有不同的屏幕尺寸和分辨率，为了确保应用在各种设备上都能获得良好的显示效果，我们需要获取设备的屏幕信息并进行适配。本文将详细介绍如何在鸿蒙ArkTS中获取设备的屏幕宽高数据，并实现一个可复用的屏幕适配工具类。

鸿蒙5响应式布局实战：自适应屏幕设计与开发秘籍

2301_79392153的博客

06-30

536

本文系统介绍了鸿蒙应用响应式布局开发技术。首先阐述了虚拟像素(vp)、字体像素(fp)等基础概念和弹性网格系统的应用方法；其次详细讲解了断点监听、折叠屏适配等核心技术实现；然后通过商品列表和导航栏案例展示典型场景开发方案；最后提出性能优化、设计一致性和多设备测试等注意事项。文章为开发者提供了从基础到实践的完整响应式布局解决方案，帮助构建适配手机、平板、折叠屏等多种设备的鸿蒙应用。

鸿蒙开发处理设备适配

qq_31532979的贺公子之数据科学与艺术博客，致力于科技向善，拥抱开源，要用技术的影响力来领导团队，而不是威权和职位！

03-04

1425

总的来说，处理电视屏幕的适配需要考虑布局和UI设计的优化、特定的交互方式和多媒体播放的特点，通过合适的设计和开发方法，提供适合电视屏幕的应用和功能。鸿蒙开发框架通过多种适配机制来处理不同设备和屏幕尺寸的适配问题，使开发者可以更方便地开发适配多种设备的应用程序。

HarmonyOS鸿蒙开发指南:构建用户界面构建布局

斌擎科技

01-08

1812

开发者可以使用input组件实现输入留言的部分，使用text组件实现留言完成部分，使用commentText的状态标记此时显示的组件（通过if属性控制）。当页面结构较为复杂时，如果使用div循环渲染，容易出现卡顿，因此推荐使用list组件代替div组件实现长列表布局，从而实现更加流畅的列表滚动体验。将页面中的元素分解之后再对每个基本元素按顺序实现，可以减少多层嵌套造成的视觉混乱和逻辑混乱，提高代码的可读性，方便对页面做后续的调整。添加图片区域通常用image组件来实现，使用的方法和text组件类似。

鸿蒙一次开发，多端部署（十一）设置应用页面

03-22

1452

激活中的，可以加载及显示。激活中的，可以加载及显示。Navigation组件支持自动切换单栏和双栏的显示效果，同时可以根据当前状态自动添加返回键及响应系统的返回键事件。借助Navigation组件，开发者不用关心单栏和双栏场景的差异而更关注于应用本身，极大的减少开发工作量及提高开发效率。基本概念构建第一个ArkTS应用……应用基础知识配置文件应用数据管理应用安全管理应用隐私保护三方应用调用管控机制资源分类与访问学习ArkTS语言……Ability开发。

信息架构：粒化策略提升用户体验

信息架构中信息类粒化简谈探讨的是如何有效地组织和呈现信息，以便用户能在各种场景中快速找到所需内容。首先，从日常生活中的实例出发，比如在写字楼里寻找特定房间，依赖于楼层分布图谱；在超市购物时，物品的分类...