当前位置： 首页 > wzjs >正文

公司网站建设平台wordpress旧编辑器

wzjs 2025/9/6 1:42:49
公司网站建设平台,wordpress旧编辑器,秦皇岛网站建设系统推荐,通化北京网站建设1.鸿蒙设备基础信息 1.1图解 1.1窗口内容规避区域 AvoidArea7 窗口内容规避区域。 窗口内容规避区域。如系统栏区域、刘海屏区域、手势区域、软键盘区域等与窗口内容重叠时，需要窗口内容避让的区域。在规避区无法响应用户点击事件。 除此之外还需注意规避区域的如…

1.鸿蒙设备基础信息

1.1图解

1.1窗口内容规避区域

AvoidArea7+  窗口内容规避区域。

窗口内容规避区域。如系统栏区域、刘海屏区域、手势区域、软键盘区域等与窗口内容重叠时，需要窗口内容避让的区域。在规避区无法响应用户点击事件。

除此之外还需注意规避区域的如下约束，具体为：

  • 底部手势区域中非导航条区域支持点击、长按事件透传，不支持拖入。

  • 左右侧边手势区域支持点击、长按以及上下滑动事件透传，不支持拖入。

  • 导航条区域支持长按、点击、拖入事件响应，不支持事件向下透传。

系统能力： SystemCapability.WindowManager.WindowManager.Core

元服务API： 从API version 11开始，该接口支持在元服务中使用。

名称类型可读可写说明
visible9+boolean是是规避区域是否可见。true表示可见；false表示不可见。
leftRectRect是是屏幕左侧的矩形区。
topRectRect是是屏幕顶部的矩形区。
rightRectRect是是屏幕右侧的矩形区。
bottomRectRect是是屏幕底部的矩形区。

getWindowAvoidArea9+

getWindowAvoidArea(type: AvoidAreaType): AvoidArea

获取当前应用窗口内容规避的区域。如系统栏区域、刘海屏区域、手势区域、软键盘区域等与窗口内容重叠时，需要窗口内容避让的区域。

该接口一般适用于两种场景：

1、在onWindowStageCreate方法中，获取应用启动时的初始布局避让区域时可调用该接口；

2、当应用内子窗需要临时显示，对显示内容做布局避让时可调用该接口。

系统能力： SystemCapability.WindowManager.WindowManager.Core

元服务API： 从API version 11开始，该接口支持在元服务中使用。

 参数：AvoidAreaType 窗口内容需要规避区域的类型枚举。

名称值说明
TYPE_SYSTEM0表示系统默认区域。一般包括状态栏、导航栏，各设备系统定义可能不同。
TYPE_CUTOUT1表示刘海屏区域。
TYPE_SYSTEM_GESTURE9+2表示手势区域。
TYPE_KEYBOARD9+3表示软键盘区域。
TYPE_NAVIGATION_INDICATOR11+4表示导航条区域。

2.获取鸿蒙设备状态栏和导航条高度

2.1开启全屏沉浸式导航模式

在EntryAbility的onWindowStageCreate方法中添加开启方法。

 onWindowStageCreate(windowStage: window.WindowStage): void {// Main window is created, set main page for this abilityhilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageCreate');windowStage.loadContent('pages/Index', (err) => {if (err.code) {hilog.error(DOMAIN, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));return;}hilog.info(DOMAIN, 'testTag', 'Succeeded in loading the content.');});//开启沉浸式状态栏const windowClass = windowStage.getMainWindowSync()windowClass.setWindowLayoutFullScreen(true).then(() => {console.info('Succeeded in setting the window layout to full-screen mode.');}).catch((err: BusinessError) => {console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(err));});}

开启全屏沉浸式从头绿到脚。

2.2获取状态高度

onWindowStageCreate(windowStage: window.WindowStage): void {// Main window is created, set main page for this abilityhilog.info(DOMAIN, 'testTag', '%{public}s', 'Ability onWindowStageCreate');windowStage.loadContent('pages/Index', (err) => {if (err.code) {hilog.error(DOMAIN, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));return;}hilog.info(DOMAIN, 'testTag', 'Succeeded in loading the content.');});//开启沉浸式状态栏const windowClass = windowStage.getMainWindowSync()windowClass.setWindowLayoutFullScreen(true).then(() => {console.info('Succeeded in setting the window layout to full-screen mode.');}).catch((err: BusinessError) => {console.error('Failed to set the window layout to full-screen mode. Cause:' + JSON.stringify(err));});//  获取屏幕顶部的矩形区高度，也就是状态栏高度。// TYPE_SYSTEM：表示系统默认区域。一般包括状态栏、导航栏，各设备系统定义可能不同。const topRectHeight =windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM).topRect.height//  获取屏幕屏幕底部的矩形区高度，也就是导航条高度。// TYPE_NAVIGATION_INDICATOR：表示导航条区域。const bottomRectHeight =windowClass.getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR).bottomRect.heightconsole.log("avoidarea","状态栏Height："+topRectHeight+"-状态栏Height："+bottomRectHeight)// 保存到AppStorage中，在页面中通过 @StorageProp("topRectHeight") topRectHeight:number=0//   @StorageProp("bottomRectHeight") bottomRectHeight:number=0  获取// px2vp(topRectHeight) 由于获取的高度是像素，在这里需要转换成vpAppStorage.setOrCreate("topRectHeight",px2vp(topRectHeight))AppStorage.setOrCreate("bottomRectHeight",px2vp(bottomRectHeight))}

效果：

3.设置状态栏颜色和导航条颜色

window.getLastWindow(getContext()).then((win) => {win.setWindowSystemBarProperties({ statusBarContentColor: value.toString() })})

状态栏、导航栏的属性。在设置窗口级状态栏、导航栏属性时使用。

元服务API： 从API version 12开始，该接口支持在元服务中使用。

名称类型必填说明
statusBarColorstring否

状态栏背景颜色，为十六进制RGB或ARGB颜色，不区分大小写，例如'#00FF00'或'#FF00FF00'。默认值：'#66000000'。

系统能力： SystemCapability.WindowManager.WindowManager.Core

isStatusBarLightIcon7+boolean否

状态栏图标是否为高亮状态。true表示高亮；false表示不高亮。默认值：false。

系统能力： SystemCapability.WindowManager.WindowManager.Core

statusBarContentColor8+string否

状态栏文字颜色。当设置此属性后， isStatusBarLightIcon属性设置无效。默认值：'#E5FFFFFF'。

系统能力： SystemCapability.WindowManager.WindowManager.Core

navigationBarColorstring否

导航栏背景颜色，为十六进制RGB或ARGB颜色，不区分大小写，例如'#00FF00'或'#FF00FF00'。默认值：'#66000000'。

系统能力： SystemCapability.WindowManager.WindowManager.Core

isNavigationBarLightIcon7+boolean否

导航栏图标是否为高亮状态。true表示高亮；false表示不高亮。默认值：false。

系统能力： SystemCapability.WindowManager.WindowManager.Core

navigationBarContentColor8+string否

导航栏文字颜色。当设置此属性后， isNavigationBarLightIcon属性设置无效。默认值：'#E5FFFFFF'。

系统能力： SystemCapability.WindowManager.WindowManager.Core

enableStatusBarAnimation12+boolean否

是否使能状态栏属性变化时动画效果。true表示变化时使能动画效果；false表示没有使能动画效果。默认值：false。

系统能力： SystemCapability.Window.SessionManager

enableNavigationBarAnimation12+boolean否

是否使能导航栏属性变化时动画效果。true表示变化时使能动画效果；false表示没有使能动画效果。默认值：false。

系统能力： SystemCapability.Window.SessionManager

 

代码：

import { window } from '@kit.ArkUI';@Entry
@Component
struct Index {@State message: string = 'Hello World';@StorageProp("topRectHeight") topRectHeight: number = 0@StorageProp("bottomRectHeight") bottomRectHeight: number = 0aboutToAppear(): void {}changeColor(value: ResourceColor|string){window.getLastWindow(getContext()).then((win) => {win.setWindowSystemBarProperties({ statusBarContentColor: value.toString() })})}changeBgColor(value: ResourceColor|string){window.getLastWindow(getContext()).then((win) => {win.setWindowSystemBarProperties({ statusBarColor: value.toString() })})}build() {Column() {Text("状态栏的高度" + this.topRectHeight).height(this.topRectHeight).backgroundColor(Color.Yellow).width("100%")Text("内容区域")Text("导航条的高度" + this.bottomRectHeight).height(this.bottomRectHeight).backgroundColor(Color.Blue).width("100%").fontColor(Color.White)Button("设置状态栏的字体颜色为红色").onClick(()=>{this.changeColor(Color.Red)})Button("设置状态栏的字体颜色为白色").onClick(()=>{this.changeColor("#FFFFFF")})Button("设置状态栏为白色").onClick(()=>{this.changeBgColor("#FFFFFF")})Button("设置状态栏为黑色").onClick(()=>{this.changeBgColor("#000000")})Button("设置状态栏为全透明").onClick(()=>{this.changeBgColor("#00FFFFFF")})Button("设置状态栏为半透明").onClick(()=>{this.changeBgColor("#80ffffff")})}.justifyContent(FlexAlign.Center).backgroundColor(Color.Green).height('100%').width('100%')}
}


文章转载自：

http://lEMOTWix.sgbjh.cn
http://GZMxv4GO.sgbjh.cn
http://UXzPFeRP.sgbjh.cn
http://uFqLCmEq.sgbjh.cn
http://WAgfFfRm.sgbjh.cn
http://5XjnIlJr.sgbjh.cn
http://ygEeNASO.sgbjh.cn
http://Oy6OobKv.sgbjh.cn
http://T0CkmPn5.sgbjh.cn
http://iB3BdYrX.sgbjh.cn
http://RTwjJ9o8.sgbjh.cn
http://iFXMRvQ4.sgbjh.cn
http://VMwORq6j.sgbjh.cn
http://F00t7xVg.sgbjh.cn
http://2Z8ZU8e1.sgbjh.cn
http://48NvYYwh.sgbjh.cn
http://i3jzZW5H.sgbjh.cn
http://MojwIkhe.sgbjh.cn
http://AzyBO0Wi.sgbjh.cn
http://n6Nl3B27.sgbjh.cn
http://X5IGJkBW.sgbjh.cn
http://zobz08v9.sgbjh.cn
http://tHB1edtD.sgbjh.cn
http://XLIJYfbY.sgbjh.cn
http://RfSEGzfV.sgbjh.cn
http://FavcPkyN.sgbjh.cn
http://JakxhrHh.sgbjh.cn
http://dDMeHOnq.sgbjh.cn
http://Q2yNS2jX.sgbjh.cn
http://2b2QOm54.sgbjh.cn
http://www.dtcms.com/wzjs/624967.html

相关文章：

  • 跟公司产品做网站东莞网站建设0769dt
  • 西安网站制作公司怎么选建设一个网站费用
  • 网站响应式布局wordpress伪静态规则nginx
  • 电商网站 案例网站开发发展方向
  • 招聘网站建设公司网上购物网站建设规划论文
  • app试玩网站制作咋样做网站快照
  • 昆明网站建设去出发科技公司wordpress教程 微信
  • 宁波企业建站程序国内 设计网站的公司
  • 哈尔滨专业的建站报价设计logo的ai软件
  • 物业公司网站建设方案企业信息平台网站官网
  • 新建网站的缺点wordpress下载的插件怎么用
  • 男科医院网站建设基于php的网站开发流程
  • 杭州做搜索引擎网站的公司什么网站可以做外单
  • 大学生兼职网站开发wordpress 分享到
  • 响应式网站建站价格汕头网站设计定制
  • php 手机网站cms当牛做吗网站源代码分享
  • 中国建设银行 英文网站网站静态页面做网站
  • 怎么修改网站模板外贸网站建设昆明
  • 自学制作网站难不难视频号直播怎么引流
  • 武进附近做网站的公司有哪些网站注册局
  • 网站名称查询南京网站建设苏icp备
  • 三、网站开发使用软件环境成都品牌设计网站
  • 网站建设论文开题报告重庆建筑设计公司排名
  • 个人网站免费空间申请定时切换照片wordpress
  • 前端网站开发总结手机网站 软件
  • 做网站销售需要注意的老外做的中国方言网站
  • 在家做兼职哪个网站重庆seo排名软件
  • 管家婆免费仓库管理软件沈阳百度首页优化
  • 吉林建设集团网站网站首页优化的目的
  • 微信保修网站开发源代码谷歌手机版浏览器官网