HarmonyOS 弹窗背景颜色的设置？

Question

想让提交成功上面的Icon超出容器显示，现在有两个问题如下：

1、customDialog设置backgroundColor没有生效，已经设置了内容器的背景色，Color.Transparent无效。

2、如何能做到元素超出容器的显示，需要的效果是截图上边黑色的边框透明。

Answer 1

解决方案

参考示例：

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

@Builder
function buildText() {
  Column() {
    Stack({ alignContent: Alignment.Top }) {
      Column() {
      }
      .width('100%')
      .height('100%')
      .margin({ top: 50 })
      .backgroundColor('#3499DD')
      .borderRadius(10)

      Image($r('app.media.startIcon')).width(80).height(80).borderRadius(40)
    }
  }
  .width('100%')
  .height('100%')
  .backgroundColor(Color.Black)
  .borderRadius(10)
}

@Entry
@Component
struct Parent {
  build() {
    Column() {
      Column() {
        Button("click").onClick(() => {
          let uiContext = this.getUIContext();
          let promptAction = uiContext.getPromptAction();
          let contentNode = new ComponentContent((uiContext as UIContext), wrapBuilder(buildText));
          try {
            promptAction.openCustomDialog(contentNode, {
              alignment: DialogAlignment.BottomStart,
              transition: TransitionEffect.move(TransitionEdge.BOTTOM)
            });
          } catch (error) {
            let message = (error as BusinessError).message;
            let code = (error as BusinessError).code;
            console.error(`OpenCustomDialog args error code is ${code}, message is ${message}`);
          }
          ;
        })
      }
    }
  }
}