背景属性的问题有哪些？

提供了背景属性background，通过Builder构建组件，目前发现两个问题。

1.CustomDialog使用自定义样式时，采用background构建背景，出现背景延时的情况。

2.background构建背景，设置宽度100%，但是页面在aboutToAppear设置了从竖屏转向横屏，background构建出来了，但是宽度是不对的，感觉是获取的还是竖屏状态下的100%，而不是最终横屏宽度的100%。

HarmonyOS

put_get

2024-09-30 10:16:20

浏览

回答 1

待解决

回答 1

按赞同

按时间

FengTianYa

自定义背景渲染会有一定延迟，不能响应事件，不能进行动态更新。该属性不支持嵌套使用，不支持预览器预览。参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-background-V5

参考demo：

@CustomDialog  
struct LiveCustomDialog {  
  controller: CustomDialogController  
  title: string | Resource = "提示"  
  content: string | Resource = ""  
  leftBtText: string | Resource = "取消"  
  rightBtText: string | Resource = "确定"  
  onRightClick?: () => void  
  onLeftClick?: () => void  
  dismissOnClick: boolean = true  
  build() {  
    Column() {  
  
      Blank().height(8)  
  
      if (this.title?.toString().trim() != '') {  
        Text(this.title)  
          .fontSize(18)  
          .fontColor("#FF2C2E40")  
          .fontWeight(FontWeight.Bold)  
      }  
      if (this.content?.toString()?.trim() != '') {  
        Text(this.content)  
          .fontSize(16)  
          .fontColor("#525461")  
          .margin({ top: 10 })  
      }  
  
      Row() {  
        if (this.leftBtText?.toString()?.trim() != '') {  
          Button(this.leftBtText)  
            .backgroundColor('#F6F8FC')  
            .fontColor("#2C2E40")  
            .fontSize(16)  
            .layoutWeight(1)  
            .height(49)  
            .onClick(() => {  
              if (this.dismissOnClick) {  
                this.controller.close()  
              }  
              if (this.onLeftClick) {  
                this.onLeftClick()  
              }  
            })  
        }  
        if (this.leftBtText?.toString()?.trim() != ''  
          && this.rightBtText?.toString()?.trim() != '') {  
          Blank().width(12)  
        }  
        if (this.rightBtText?.toString()?.trim() != '') {  
          Button(this.rightBtText)  
            .fontSize(16)  
            .layoutWeight(1)  
            .backgroundColor('#FF3741')  
            .fontColor(Color.White)  
            .height(49)  
            .onClick(() => {  
              if (this.dismissOnClick) {  
                this.controller.close()  
              }  
              if (this.onRightClick) {  
                this.onRightClick()  
              }  
            })  
        }  
      }  
      .margin({ top: 27 })  
    }  
    .borderRadius("20vp")  
    .backgroundColor("#ffffff")  
    .width(300)  
    .padding(16)  
  }  
}

2024-09-30 18:19:05

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

背景属性的问题有哪些？

订阅鸿蒙技术特刊，精选内容抢先看