HarmonyOS 如何获取屏幕宽度或者window宽度

目前需要使用屏幕宽度计算某个组件的的宽度。

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

获取window宽度可以通过getWindowProperties去获取当前窗口的属性信息,通过windowRect可以获取窗口的尺寸信息。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowproperties9

获取屏幕宽度参考demo:

import { BusinessError } from '@kit.BasicServicesKit';
import { display } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  getInfo() {
    let displayClass: Array<display.Display> = [];
    display.getAllDisplays((err: BusinessError, data: Array<display.Display>) => {
      let screenWidth: number = data[0].width
      let screenHeight: number = data[0].height
      console.log('width = ' + screenWidth + 'height = ' + screenHeight)
      displayClass = data;
      const errCode: number = err.code;
      if (errCode) {
        console.error('Failed to obtain all the display objects. Code: ${err.code}, message: ${err.message}');
        return;
      }
      console.info('Succeeded in obtaining all the display objects. Data: ' + JSON.stringify(data));
    });
  }

  build() {
    Button('获取当前屏幕宽度').width(100).height(100)
      .onClick(() => {
        this.getInfo()
      })
  }
}

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-display-V5#displaygetalldisplays9s

分享
微博
QQ
微信
回复
2天前
相关问题
如何获取主窗口window宽度
2026浏览 • 1回复 待解决
HarmonyOS 屏幕宽度怎么获取
431浏览 • 1回复 待解决
如何获取单位为vp的屏幕宽度
289浏览 • 1回复 待解决
获取设备屏幕宽度和高度
673浏览 • 1回复 待解决
HarmonyOS 如何获取应用窗口宽度
13浏览 • 1回复 待解决
HarmonyOS 如何获取组件的宽度
459浏览 • 1回复 待解决
如何获取当前组件的宽度
310浏览 • 1回复 待解决
请问如何获取窗口的宽度
1918浏览 • 1回复 待解决
如何获取当前设备的宽度
732浏览 • 1回复 待解决
window获取屏幕方向配置
477浏览 • 1回复 待解决
如何获取当前窗口的宽度
548浏览 • 1回复 待解决
如何获取文本的显示宽度和高度?
445浏览 • 1回复 待解决
求大佬告知如何获取窗口的宽度
1747浏览 • 1回复 待解决
获取文本Text组件的宽度
562浏览 • 1回复 待解决