网站建设的职位,思特奇是外包公司吗,零基础seo入门教学,备案需要网站空间鸿蒙#xff08;HarmonyOS#xff09;项目方舟框架#xff08;ArkUI#xff09;之Dialog对话框组件 一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1
二、Dialog对话框组件
对话框的使用场景也很高频#xff0c;比如 APP 上架应…鸿蒙HarmonyOS项目方舟框架ArkUI之Dialog对话框组件 一、操作环境
操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1
二、Dialog对话框组件
对话框的使用场景也很高频比如 APP 上架应用市场要求 APP 首次启动要有服务协议和隐私权限提示弹框等ArkUI开发框架提供了两种方式显示一个对话框一种是使用 ohos.promptAction 模块里提供的 API 显示另一种是使用全局对话框 AlertDialog 显示。 使用 ohos.promptAction 模块里提供的 showDialog
declare namespace prompt { // 显示一个对话框function showDialog(options: ShowDialogOptions, callback: AsyncCallbackShowDialogSuccessResponse):void;
}interface ShowDialogOptions { // 对话框配置title?: string; // 标题message?: string; // 内容buttons?: [Button, Button?, Button?];// 按钮
}interface Button { // 对话框按钮配置text: string; // 按钮文字color: string; // 按钮颜色
}interface ShowDialogSuccessResponse { // 成功回调index: number;
} options显示对话框的配置项 ShowDialogOptions 说明如下 title对话框的标题。message对话框的内容。buttons对话框上的按钮至少配置一个最多三个。
call事件回调并显示对话框的点击下标
import promptAction from ohos.promptAction;Entry Component struct ToastTest {build() {Column({space: 10}) {Button(show dialog).onClick(() {promptAction.showDialog({title: 对话框标题,message: 对话框内容,buttons: [{text: 第一个按钮,color: #aabbcc},{text: 第二个按钮,color: #bbccaa},{text: 第三个按钮,color: #ccaabb}]}, (error, index) {var msg error ? JSON.stringify(error) : index: index;promptAction.showToast({message: msg})});})}.width(100%).height(100%).padding(10)}
} 三、全局对话框 AlertDialog
除了使用 ohos.promptAction 模块提供的 API 可以显示一个对话框外还可以使用全局对话框 AlertDialog AlertDialog 的源码其定义如下
declare class AlertDialog {// 显示一个对话框static show(value: AlertDialogParamWithConfirm | AlertDialogParamWithButtons);
} 方法
show显示一个对话框参数 value 支持 AlertDialogParamWithConfirm 和 AlertDialogParamWithButtons它们都继承自 AlertDialogParam AlertDialogParam 定义如下
declare interface AlertDialogParam {title?: ResourceStr;message: ResourceStr;autoCancel?: boolean;cancel?: () void;alignment?: DialogAlignment;offset?: Offset;gridCount?: number;
} 属性
title设置对话框的标题。message设置对话框显示的内容。autoCancel点击蒙层是否隐藏对话框。cancel点击蒙层的事件回调。alignment对话框的对齐方式。offset对话框相对于 alignment 的偏移量。gridCount对话框宽度所占用栅格数。 示例
import prompt from ohos.prompt;Entry Component struct PromptTest {build() {Column({ space: 10 }) {Button(show dialog).onClick(() {AlertDialog.show({title: 对话框标题,message: 对话框内容,autoCancel: true, // 点击蒙层隐藏对话框cancel: () { // 点击蒙层的事件回调prompt.showToast({message: 点击蒙层消失})},alignment: DialogAlignment.Bottom, // 设置对话框底部对齐offset: { dx: 0, dy: -20}, // 在Y轴方向上的偏移量confirm: {value: 确定按钮,fontColor: #ff0000,backgroundColor: #ccaabb,action: () {prompt.showToast({message: 点击按钮消失})}}});})}.width(100%).height(100%).padding(10)}
} 好了就写到这吧 你有时间常去我家看看我在这里谢谢你啦...
我家地址:亚丁号
最后送大家一首诗:
山高路远坑深, 大军纵横驰奔,
谁敢横刀立马 惟有点赞加关注大军。
