背景属性的问题有哪些?

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

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

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

HarmonyOS
2024-09-30 10:16:20
浏览
收藏 0
回答 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)  
  }  
}
分享
微博
QQ
微信
回复
2024-09-30 18:19:05
相关问题
webview 问题哪些
321浏览 • 1回复 待解决
Tabs滑动距离问题哪些
351浏览 • 1回复 待解决
uiTest使用问题哪些
329浏览 • 1回复 待解决
List使用问题哪些
326浏览 • 1回复 待解决
OAID授权问题哪些
423浏览 • 1回复 待解决
Flutter集成问题哪些
180浏览 • 1回复 待解决
签名证书配置问题哪些
514浏览 • 1回复 待解决
启动页面配置问题哪些
582浏览 • 1回复 待解决
ArkTS生成密钥问题哪些
339浏览 • 1回复 待解决
bindPopup样式问题哪些啊?
427浏览 • 1回复 待解决
Grid组件性能问题哪些
413浏览 • 1回复 待解决
Tab控件切换问题哪些
246浏览 • 1回复 待解决
Marquee组件使用问题哪些
336浏览 • 0回复 待解决
静态工程引用har问题哪些
403浏览 • 1回复 待解决
Flutter刷新率问题哪些
693浏览 • 1回复 待解决
HarmonyOS bindMenu背景问题
475浏览 • 1回复 待解决
应用性能问题优化方式哪些
432浏览 • 1回复 待解决
HarmonyOS 背景水印问题
348浏览 • 1回复 待解决
关于属性动画问题
10084浏览 • 3回复 待解决
MongoDB优势哪些
4148浏览 • 1回复 待解决