鸿蒙5.0开发进阶：API ArkUI框架-ArkTS组件（安全区域）

最新推荐文章于 2025-03-30 19:23:42 发布
最新推荐文章于 2025-03-30 19:23:42 发布
阅读量1.1k 收藏 19
点赞数 12
分类专栏： ArkUI 鸿蒙开发 ArkTS 文章标签： harmonyos 华为 前端 android 鸿蒙系统 ArkUI ArkTS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Androidbye/article/details/144810695
版权

往期鸿蒙全套实战文章必看：（文中附带全栈鸿蒙学习资料）

安全区域

安全区域是指页面的显示区域，默认不与系统设置的非安全区域比如状态栏、导航栏区域重叠，默认情况下开发者开发的界面都被布局在安全区域内。提供属性方法允许开发者设置组件绘制内容突破安全区域的限制，通过expandSafeArea属性支持组件不改变布局情况下扩展其绘制区域至安全区外，通过设置setKeyboardAvoidMode来配置虚拟键盘弹出时页面的避让模式。页面中有标题栏等文字不希望和非安全区重叠时，建议对组件设置expandSafeArea属性达到沉浸式效果，也可以直接通过窗口接口

最低0.47元/天 解锁文章
鸿蒙HarmonyOS NEXT开发：安全区域
shudaoshanBBQ的博客
08-13 3101
安全区域是指页面的显示区域，默认不与系统设置的非安全区域比如状态栏、导航栏区域重叠，默认情况下开发者开发的界面都被布局在安全区域内。
鸿蒙安全区域-沉浸式布局
m0_46924916的博客
07-19 725
3.2 window.setWindowSystemBarProperties()设置。2. 1: window.setWindowLayoutFullScreen开启。3.1 开启沉浸式布局， 获取状态栏与导航栏高度，设置给容器。1. 全局开启（EntryAbility.ets）2.2 expandSafeArea 属性开启。3. 自定义状态栏导航栏颜色。
鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：安全区域）
m0_64420071的博客
03-05 2912
ArkTS声明式开发-通用属性：安全区域
鸿蒙HarmonyOS开发：安全区域、沉浸式页面开发实践，软键盘布局适配解决方案
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
12-25 2173
安全区域定义为页面的显示区域，其默认不与系统设置的非安全区域（如状态栏、导航栏）重叠，以确保开发者设计的界面均布局于安全区域内。然而，当Web组件启用沉浸式模式时，网页元素可能会出现与状态栏或导航栏重叠的问题。具体示例如图1所示，中间部分的区域即为安全区域，而顶部状态栏、屏幕挖孔区域和底部导航条则被界定为避让区，Web组件开启沉浸式效果时，网页内底部元素与导航条发生重叠。
鸿蒙API13开发【安全区域】ArkTS组件
鸿蒙的技术博客
01-03 1026
安全区域是指页面的显示区域，默认不与系统设置的非安全区域比如状态栏、导航栏区域重叠，默认情况下开发者开发的界面都被布局在安全区域内。提供属性方法允许开发者设置组件绘制内容突破安全区域的限制，通过[expandSafeArea]属性支持组件不改变布局情况下扩展其绘制区域至安全区外，通过设置[setKeyboardAvoidMode]来配置虚拟键盘弹出时页面的避让模式。页面中有标题栏等文字不希望和非安全区重叠时，建议对组件设置expandSafeArea属性达到沉浸式效果，也可以直接通过窗口接口[setWind
鸿蒙5.0开发进阶：API ArkUI框架-ArkTS组件（自定义绘制设置）
Androidbye的博客
12-27 929
当某些组件本身的绘制内容不满足需求时...........
鸿蒙5.0开发进阶：API ArkUI框架-ArkTS组件（浮层）
Androidbye的博客
12-22 1089
设置组件的浮层。
鸿蒙5.0开发进阶：API ArkUI框架-ArkTS组件（组件标识）
Androidbye的博客
12-24 896
id为组件的唯一标识，在整个应用内唯一。
鸿蒙5.0开发进阶：API ArkUI框架-ArkTS组件（背景设置）
Androidbye的博客
12-20 888
设置组件的背景样式。
鸿蒙ArkTS声明式开发：跨平台支持列表【安全区域】
2401_82772199的博客
06-13 371
通过expandSafeArea属性支持组件扩展其安全区域。从API Version 10开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
【HarmonyOS NEXT】TabContent架构下实现沉浸式，设置 .expandSafeArea不生效
Mayism123的博客
06-05 822
2、采用组件安全区方案，即不设置窗口全屏，这种场景下，针对底部的页签部分，Navigation组件和Tabs组件默认实现了页签的延伸处理，开发者只需要保证Navigation和Tabs组件的底部边界和底部导航条重合即可。请确认是否设置了窗口全屏，若未设置窗口全屏，采用组件安全区方案，针对底部的页签部分，Tabs组件默认实现了页签的延伸处理。TabContent / 开发应用沉浸式效果 / 设置 .expandSafeArea / 窗口全屏布局 / 组件安全区。1、窗口全屏布局方案。
鸿蒙NEXT开发：ArkTS组件-通用属性（安全区域）
最新发布
ZPYQAQ的博客
03-30 1131
安全区域是指页面的显示区域.......
鸿蒙 使用 expandSafeArea 实现顶部沉浸式导航
qq_52602294的博客
08-21 799
设置顶部绘制延伸到状态栏；.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
鸿蒙UI开发——基于组件安全区方案实现沉浸式界面
harmonyClassRoom的博客
10-28 934
​ 本文是接着上篇文章鸿蒙UI开发——基于全屏方案实现沉浸式界面的继续讨论。除了全屏方案实现沉浸式界面外，我们还可以使用组件安全区的方案。
鸿蒙(HarmonyOS)—自定义TabBar适配底部安全区域+中间凸起
dayouan的博客
10-21 415
【代码】鸿蒙(HarmonyOS)—自定义TabBar适配底部安全区域+中间凸起。
鸿蒙-expandSafeArea使用
猿人在北京
12-24 814
由于expandSafeArea不改变子节点布局，因此，List等滚动类组件可以调用expandSafeArea，延伸List组件视图窗口大小而不改变ListItem内在布局。**应用未使用setWindowLayoutFullScreen()接口设置窗口全屏布局时，默认使能组件安全区布局。要求需要List滚动类组件滚动过程中元素可以和导航条重合，滚动至底部时，元素在导航条上面需要避让。设置背景图、视频控件大小为安全区域大小并配置expandSafeArea属性。属性扩展安全区域属性进行调整。
css 安全区域 safe-area-inset-
sayyy的专栏
02-15 9607
略
safe-area-inset-bottom iphone
热门推荐
飞翔的熊blabla
07-10 4万+
屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因素在于PPI（DPI），了解屏幕密度与各尺寸的关系有助于我们深度理解倍率的概念：《基础知识学起来！为设计师量身打造的DPI指南》iPhone8在本次升级中，屏幕尺寸和分辨率都遗传了iPho...
【鸿蒙实战开发】Cocos Creator构建OpenHarmony工程实践
HarmonyOS_001的博客
06-28 1670
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。获取完整版高清学习资料，请点击→鸿蒙全栈开发学习资料（安全链接，请放心点击）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值