HarmonyOS AlertDialog.show文字居中与颜色设置

HarmonyOS AlertDialog.show文字居中与颜色设置 -鸿蒙开发者社区

图1是真机图

根据文档

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-alert-dialog-box-V5#示例

自定义了一个AlertDialog.show。但是发现没法把title和message文字居中,以及下面的确认取消颜色不能变。

怎么把title和message设置成居中显示,确认的颜色改成红色。

diyAlert.ets文件代码如下

// 封装AlertDialog的显示
export function showCustomAlert(title: string, message: string, onCancel: () => void, onOk: () => void) {
  AlertDialog.show({
    title: title,
    message: message,
    autoCancel: false,
    alignment: DialogAlignment.Center,
    gridCount: 4,

    primaryButton: {
      value: '取消',
      action: () => {
        console.info('按钮取消取消')
      }
    },
    secondaryButton: {
      value: '确定',
      action: () => {
        console.info('按钮确定确定')
      }
    },
  })
}

使用时,代码如下

import { showCustomAlert } from './diyAlert';
Text('+ 关注')
  .fontColor(Color.White)
  .textAlign(TextAlign.Center)
  .height(24)
  .fontSize(13)
  .width(60)
  .borderWidth(1)
  .backgroundColor(Color.Red)
  .borderRadius(2)
  .onClick(() => {
    showCustomAlert('标题', '这是对话框的消息内容',
      () => {
        console.info('取消按钮被点击');
      },
      () => {
        console.info('确定按钮被点击');
      }
    );
  })
HarmonyOS
2024-12-23 15:51:56
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

目前AlertDialog的title和message不支持水平居中,可以考虑使用自定义弹窗实现title和message水平居中,具体使用可参考:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5

分享
微博
QQ
微信
回复
2024-12-23 18:30:00
相关问题
HarmonyOS AlertDialog标题如何居中
133浏览 • 1回复 待解决
HarmonyOS AlertDialog的title能居中显示吗
317浏览 • 1回复 待解决
HarmonyOS 文字行高设定后文字居中
668浏览 • 1回复 待解决
HarmonyOS 弹窗文字居中
164浏览 • 1回复 待解决
TextField怎么给某段文字设置颜色
9243浏览 • 2回复 待解决
画布绘制文字,垂直居中
590浏览 • 1回复 待解决
HarmonyOS 文字标题没有垂直居中对齐
252浏览 • 1回复 待解决
HarmonyOS 文字在Row中不居中
390浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
984浏览 • 1回复 待解决
文字背景颜色渐变显示
2471浏览 • 1回复 待解决
HarmonyOS 关于alertDialog样式设置的问题
302浏览 • 1回复 待解决