HarmonyOS 鸿蒙Next API12的弹框怎么像之前一样设置黑色背景

发布于 1周前 作者 h691938207 来自 鸿蒙OS

HarmonyOS 鸿蒙Next API12的弹框怎么像之前一样设置黑色背景

API12的弹框怎么像之前一下黑色背景

Harmonyos Next教程
2 回复 
import { promptAction } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry

@Component

struct Test9 {

  @State message: string = 'Hello World';

  aboutToAppear(): void {

    let str = 'https://res.vmallres.com/uomcdn/CN/cms/202408/5442d69d916d4bcf9ee740d595a164fb.jpg'

    console.log(str.split('.').slice(-1)[0]);

  }

  build() {

    Column() {

      Text(this.message)

        .id('Test9HelloWorld')

        .fontSize(50)

        .fontWeight(FontWeight.Bold)

        .alignRules({

          center: { anchor: '__container__', align: VerticalAlign.Center },

          middle: { anchor: '__container__', align: HorizontalAlign.Center }

        })

      Button('Show toast').fontSize(20)

        .onClick(() => {

          try {

            promptAction.showToast({

              message: 'Hello World',

              duration: 2000,

              backgroundColor: Color.Black,

              textColor:Color.White,

              backgroundBlurStyle: BlurStyle.NONE

              // shadow: {radius: 50,color: Color.Black,fill: true,type: ShadowType.COLOR}

            });

          } catch (error) {

            let message = (error as BusinessError).message

            let code = (error as BusinessError).code

            console.error(`showToast args error code is ${code}, message is ${message}`);

          };

        })

    }

    .height('100%')

    .width('100%')

  }

}

在HarmonyOS 鸿蒙Next API12中，设置弹框（Dialog）背景为黑色的方法可以通过自定义Dialog来实现。以下步骤指导你如何操作：

  1. 使用CustomDialogController：利用CustomDialogController类创建自定义弹框。在创建过程中，你可以指定弹框的布局和内容。
  2. 设置背景色：在自定义弹框的布局中，为根容器设置背景色为黑色。这可以通过设置容器的backgroundColor属性来实现。
  3. 展示自定义弹框：通过CustomDialogController的open方法展示自定义弹框。

具体代码实现可以参考以下示例（简化版）：

@CustomDialog struct CustomDialogView {
    controller: CustomDialogController
    build() {
        Column() {
            // 自定义内容
        }.backgroundColor(Color.Black) // 设置背景色为黑色
    }
}

// 展示自定义弹框
let dialogController = new CustomDialogController({
    builder: () => CustomDialogView({}),
    // 其他配置...
})
dialogController.open()

请确保在实际项目中根据需求调整代码。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部