今天开发板到手了,于是想体验一些新的东西。于是就从弹窗做起。
显示警告弹窗组件,可设置文本内容与响应回调。 从API Version 7开始支持
属性
名称 | 参数类型 | 默认值 | 参数描述 |
---|---|---|---|
show | options: { paramObject1| paramObject2} | - | 定义并显示AlertDialog组件 |
paramObject1参数
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
title | string | 否 | - | 弹窗标题。 |
message | string | 是 | - | 弹窗内容。 |
autoCancel | boolean | 否 | true | 点击遮障层时,是否关闭弹窗。 |
confirm | { value: string |, fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void } | 否 | - | 确认按钮的文本内容、文本色、按钮背景色和点击回调。 |
cancel | () => void | 否 | - | 点击遮障层关闭dialog时的回调。 |
alignment | DialogAlignment | 否 | DialogAlignment.Default | 弹窗在竖直方向上的对齐方式。 |
offset | { dx: Length | , dy: Length | } | 否 | - | 弹窗相对alignment所在位置的偏移量。 |
gridCount | number | 否 | - | 弹窗容器宽度所占用栅格数。 |
paramObject2参数
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
title | string | 否 | - | 弹窗标题。 |
message | string | 是 | - | 弹窗内容。 |
autoCancel | boolean | 否 | true | 点击遮障层时,是否关闭弹窗。 |
primaryButton | { value: string | fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void; } | 否 | - | 按钮的文本内容、文本色、按钮背景色和点击回调。 |
secondaryButton | { value: string | , fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void; } | 否 | - | 按钮的文本内容、文本色、按钮背景色和点击回调。 |
cancel | () => void | 否 | - | 点击遮障层关闭dialog时的回调。 |
alignment | DialogAlignment | 否 | DialogAlignment.Default | 弹窗在竖直方向上的对齐方式。 |
offset | { dx: Length | , dy: Length |} | 否 | - | 弹窗相对alignment所在位置的偏移量。 |
gridCount | number | 否 | - | 弹窗容器宽度所占用栅格数。 |
案例
@Entry
@Component
struct AlertDialogExample {
build() {
Column({ space: 50}) {
Button('one button')
.onClick(() => {
AlertDialog.show(
{
title: '弹窗标题',
message: '弹窗内容',
autoCancel:false,
confirm: {
value: '确认按钮的文本内容',
action: () => {
console.info('Button-clicking callback')
}
},
cancel: () => {
console.info('Closed callbacks')
}
}
)
})
.backgroundColor(0x317aff)
Button('two button ')
.onClick(() => {
AlertDialog.show(
{
title: 'title',
message: 'text',
primaryButton: {
value: 'cancel',
action: () => {
console.info('Callback when the first button is clicked')
}
},
secondaryButton: {
value: 'ok',
action: () => {
console.info('Callback when the second button is clicked')
}
},
cancel: () => {
console.info('Closed callbacks')
}
}
)
}).backgroundColor(0x317aff)
}.width('100%').margin({ top: 500 })
}
}
效果图:
然后我们可以运行在真机上。
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
-
开发板
+关注
关注
25文章
4429浏览量
93970 -
OpenHarmony
+关注
关注
23文章
3278浏览量
15159
发布评论请先 登录
相关推荐
在AutoFlashUtility中使用 “sflash_restrictions” 命令时,警告消息是什么意思呢?
。
但是,会出现 “sflash_restriction” 命令警告消息。
问:此警告消息是什么意思?
(警告:擦除期间跳过了某些 sFlash 行,请参阅 “sflash_restrictions” 命令)
发表于 01-25 06:17
在HarmonyOS上使用ArkUI实现计步器应用
│└──InputDialog.ets// 自定义弹窗
└──entry/src/main/resources// 资源文件夹
构建应用界面
计步器页面主要由Stack堆叠容器组件、Component自定义组件
发表于 11-16 11:17
Python 怎么捕获警告(Warning)?
1. 警告不是异常 你是不是经常在使用一些系统库或者第三方模块的时候,会出现一些既不是异常也不是错误的警告信息? 这些警告信息,有时候非常多,对于新手容易造成一些误判,以为是程序出错了。 实则
OpenHarmony应用开发—ArkUI组件集合
// 警告弹窗
||||---customDialogSample
|||||---CustomDialog.ets
|||||---CustomDialogSample.ets//
发表于 09-22 14:56
HarmonyOS Codelab 样例 一弹窗基本使用
一、介绍
本篇Codelab主要基于dialog和button组件,实现弹窗的几种自定义效果,具体效果有:
1.
警告弹窗,点击确认按钮弹窗关闭。
2.
确认
发表于 09-19 18:40
OpenHarmony应用开发之自定义弹窗
本文转载自《OpenHarmony应用开发之自定义弹窗》,作者:zhushangyuan_
应用场景
在应用的使用和开发中,弹窗是一个很常见的场景,自定义弹窗又因为极高的自由度得以
发表于 09-06 14:40
汽车结冰警告电路分享
由于热敏电阻易于获得,因此对大气或流体热量变化做出反应的装置易于构建。该汽车结冰警告电路解释了如何在电路中实现像换能器一样的热敏电阻,一旦大气温度降至0°C左右,该电路就会持续闪烁警告灯。
#深入浅出学习eTs#(八)“猜大小”小游戏
本项目Gitee仓地址:[深入浅出eTs学习: 带大家深入浅出学习eTs (gitee.com)]( 上一章节提到的模拟器存在的BUG问题,目前没有办法直接改善,本来打算直接使用鸿蒙远程设备
深入浅出学习eTs(七)如何判断密码是否正确
本项目Gitee仓地址: 深入浅出eTs学习: 带大家深入浅出学习eTs (gitee.com) 一、基本界面 本项目基于#深入浅出学习eTs#(四)登陆界面UI,继续进行,实现一个判断的功能
评论