HarmonyOS 关于 margin 设置百分比的问题

设置了 margin top 40%,但是看距离不对(横竖屏都不对)

import { window } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  onPageShow(): void {
    // window.getLastWindow(getContext(this)).then((lastWindow) => {
    //   // 横屏
    //   lastWindow.setPreferredOrientation(window.Orientation.LANDSCAPE_INVERTED);
    //   // 全屏
    //   lastWindow.setWindowLayoutFullScreen(true);
    //   // 设置状态栏和导航条隐藏
    //   lastWindow.setSpecificSystemBarEnabled('status', false);
    // })
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          top: { anchor: "__container__", align: VerticalAlign.Top },
          middle: { anchor: "__container__", align: HorizontalAlign.Center }
        })
        .margin({ top: '40%' })
        .backgroundColor(Color.Blue)
    }
    .width('100%')
    .height('100%')
  }
}
HarmonyOS
12h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

RelativeContainer的margin起始点是锚点位置来计算的,margin设置百分比参考的是父容器的宽度而不是父容器的长宽。

RelativeContainer参考:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-container-relativecontainer.md

margin参考:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-universal-attributes-size.md#margin

分享
微博
QQ
微信
回复
9h前
相关问题
HarmonyOS 关于代理提醒设置问题
473浏览 • 1回复 待解决
HarmonyOS margin不生效问题
5浏览 • 1回复 待解决
关于DES加密设置问题
180浏览 • 1回复 待解决
关于设置屏幕常亮问题
582浏览 • 1回复 待解决
sharding-jdbc分库问题
1956浏览 • 1回复 待解决
HarmonyOS 关于taskpool问题
208浏览 • 1回复 待解决
HarmonyOS 关于ColorFilter问题
423浏览 • 1回复 待解决
HarmonyOS 关于Web调试问题
201浏览 • 1回复 待解决
HarmonyOS 关于Navigation组件问题
461浏览 • 1回复 待解决