全局UI方法-弹窗一警告弹窗(AlertDialog)

1、描述

        显示警告弹窗组件,可设置文本内容与响应回调。

2、属性

名称参数类型参数描述
showAlertDialogParamWithConfirm | AlertDialogParamWithButtons定义并显示AlertDialog组件。

2.1、AlertDialogParamWithConfirm对象说明:

参数名称参数类型必填参数描述
titleResourceStr弹窗的标题。
messageResourceStr弹窗的内容。
autoCancelboolean

点击遮障层(弹窗之外的空白区域)时,是否关闭弹窗。

默认值:true。

confirm

{

value:ResourceStr,

fontColor?: ResourceColor,

backgroundColor?: ResourceColor,

action:() => void

}

确认按钮的文本内容,文本颜色,按钮背景色以及点击回调。
cancel

() => void

点击遮障层关闭Dialog时的回调。
alignmentDialogAlignment弹窗在竖直方向上的对其方式。默认值:DialogAlignment.Default。
offsetOffset弹窗相对于alignment所在位置的偏移量。
gridCountnumber弹窗容器宽度所占用栅格数。

2.2、AlertDialogParamWithButtons对象说明:

参数名称参数类型必填参数描述
titleResourceStr弹窗的标题。
messageResourceStr弹窗的内容。
autoCancelboolean

点击遮障层(弹窗之外的空白区域)时,是否关闭弹窗。

默认值:true。

primaryButton

{

value:ResourceStr,

fontColor?: ResourceColor,

backgroundColor?: ResourceColor,

action:() => void

}

按钮的文本内容,文本颜色,按钮背景色以及点击回调。
secondaryButton

{

value:ResourceStr,

fontColor?: ResourceColor,

backgroundColor?: ResourceColor,

action:() => void

}

按钮的文本内容,文本颜色,按钮背景色以及点击回调。
cancel

() => void

点击遮障层关闭Dialog时的回调。
alignmentDialogAlignment弹窗在竖直方向上的对其方式。默认值:DialogAlignment.Default。
offsetOffset弹窗相对于alignment所在位置的偏移量。
gridCountnumber弹窗容器宽度所占用栅格数。

2.3、DialogAlignment枚举说明

名称描述
Top垂直顶部对齐。
Center垂直居中对齐。
Bottom垂直底部对齐。
Default默认对齐。
TopStart左上对齐。
TopEnd右上对齐。
CenterStart左中对齐。
CenterEnd右中对齐。
BottomStart左下对齐。
BottomEnd右下对齐。

2.4、Offset

相对布局完成位置坐标偏移量。

名称

类型

必填

说明

dx

Length

水平方向偏移量。

dy

Length

竖直方向偏移量。

3、属性对应解析

1.属性只使用message时

2.属性使用title和message时

3.autoCancel

        当不设置该属性时,它的默认值是true,即点击弹窗之外的空白区域时,弹窗关闭。

        当设置autoCancel为false时,点击弹窗之外的空白区域时,弹窗不消失。

4.show属性使用模式不同,UI显示效果也不同

AlertDialogParamWithConfirm:显示的按钮只有一个。

AlertDialogParamWithButtons:按钮最多可以设置两个。

5.alignment:设置弹窗弹出的位置

6.offset:相对布局完成位置坐标偏移量

7.gridCount:其实就是弹窗的宽度占比吧?

4、示例

@Entry
@Component
struct AlertDialogPage {
  @State message: string = '显示警告弹窗组件,可设置文本内容与响应回调。'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(20)
          .fontWeight(FontWeight.Bold)
          .width("96%")
          .margin({ top: 12 })

        Button("AlertDialogParamWithConfirm")
          .width("96%")
          .fontSize(20)
          .margin({ top: 12 })
          .onClick(() => {
            AlertDialog.show({
              title: "我是AlertDialog的标题",
              message: "我是AlertDialog的描述内容",
              autoCancel: true,
              confirm: {
                value: "取消",
                fontColor: "#317aff",
                action: () => {
                  console.info("AlertDialog click confirm");
                }
              },
              cancel: () => {
                console.info("AlertDialog click cancel  autoCancel is true");
              },
              alignment: DialogAlignment.Bottom,
              offset: { dx: 0, dy: -20 },
              gridCount: 10
            })
          })

        Button("AlertDialogParamWithConfirm")
          .width("96%")
          .fontSize(20)
          .margin({ top: 12 })
          .onClick(() => {
            AlertDialog.show({
              title: "我是AlertDialog的标题",
              message: "我是AlertDialog的描述内容",
              autoCancel: false,
              primaryButton: {
                value: "取消",
                fontColor: "#317aff",
                // backgroundColor: Color.Blue,
                action: () => {
                  console.info("AlertDialog click primaryButton");
                }
              },
              secondaryButton: {
                value: "确认",
                fontColor: "#317aff",
                // backgroundColor: Color.Blue,
                action: () => {
                  console.info("AlertDialog click secondaryButton");
                }
              },
              cancel: () => {
                console.info("AlertDialog click cancel  autoCancel is true");
              },
              alignment: DialogAlignment.Bottom,
              offset: { dx: 0, dy: -20 },
              gridCount: 4

            })
          })


      }
      .width('100%')
      .height("100%")
    }
    .height('100%')
  }
}

5、效果图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/493720.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

已注册的商标别忘了续展,新注可能难下证!

近期普推知产老杨遇到好几个网友和看过多个案例,以前商标名称可以申请注册下来,但是换字体注册不下来了,有的是不想续展想直接换字体申请注册,但是也没有下来。 这些商标名称主要是存在禁止注册或缺显,比如“柳林”以前…

对下载软件/文件进行校验的工具(Checksum and GPG)

前言 之前装软件一直都没有验证安装文件的习惯,信息安全意识不高,碰巧最近没啥事,微微写篇文章记录下校验工具(互联网http、https、ftp 服务并没有那么安全,是可以被劫持篡改。老装软件选手了,是该养成个校…

Mac上的Gatekeeper系统跟运行时保护

文章目录 问题:无法打开“xxx.xxx”,因为无法验证开发者。macOS无法验证此App是否包含恶意软件。如何解决? 参考资料门禁运行时保护 问题:无法打开“xxx.xxx”,因为无法验证开发者。macOS无法验证此App是否包含恶意软件…

瑞_23种设计模式_观察者模式

文章目录 1 观察者模式(Observer Pattern)1.1 介绍1.2 概述1.3 观察者模式的结构1.4 观察者模式的优缺点1.5 观察者模式的使用场景 2 案例一2.1 需求2.2 代码实现 3 案例二3.1 需求3.2 代码实现 4 JDK中提供的观察者模式实现 ★4.1 Observable类4.2 Obse…

修复ubuntu引导

一、制作ubuntu启动U盘 进入启动盘后,点击Try ubuntu,进入U盘的ubuntu系统。 二、配置和添加源 sudo add-apt-repository ppa:yannubuntu/boot-repair && sudo apt-get update三、运行 Boot Repair重新制作引导 sudo boot-repair注意&#x…

使用OpenXlab下载数据集(推荐)

OpenXLab浦源面向人工智能领域开发者和使用者,提供一站式AI开发平台。提供包括应用开发,模型免费托管,数据集下载等服务 官方网址:https://openxlab.org.cn/datasets?lang=zh-CN 提供了6622种数据集, 涉及计算机视觉、自然语言处理、多模态、通用机器学习、音频识别以及其他…

Bash and a Tough Math Puzzle 线段树维护区间gcd

还是一道很不错的题目&#xff0c;很容易想到用一棵线段树来维护区间gcd 注意用倍数来剪枝就好了&#xff0c;很是一到很好的题目的 #include<iostream> #include<vector> using namespace std; const int N 5e510; int n,q; struct Segment{int l,r;int d; }tr[…

Kubeflow文档1:介绍与架构

Kubeflow 2024/3/19版本的文档 此专栏用来展示相关的内容翻译&#xff0c;重点关注本地部署&#xff0c;关于运营商的方案&#xff0c;请自行查阅 文档地址https://www.kubeflow.org/docs/ 开始编辑时间&#xff1a;2024/3/27&#xff1b;最后编辑时间2024/3/27 Kubeflow文…

记录echarts各种地图json文件下载地址

今日绘图需要用到echarts的地图json文件&#xff0c;但是github上已经找不到了&#xff0c;后发现伟大的网友提供了地址如下&#xff1a;Index of /examples/data/asset/geohttps://echarts.apache.org/examples/data/asset/geo/ 免费下载实时更新的geoJson数据、行政区划边界…

【正点原子FreeRTOS学习笔记】————(4)FreeRTOS中断管理

这里写目录标题 一、什么是中断&#xff1f;&#xff08;了解&#xff09;二、中断优先级分组设置&#xff08;熟悉&#xff09;三、中断相关寄存器&#xff08;熟悉&#xff09;四、FreeRTOS中断管理实验&#xff08;掌握&#xff09; 一、什么是中断&#xff1f;&#xff08;…

leetCode刷题 20. 有效的括号

目录 题目&#xff1a; 1. 思路 2. 解题方法 3. 复杂度 4. Code 题目&#xff1a; 给定一个只包括 (&#xff0c;)&#xff0c;{&#xff0c;}&#xff0c;[&#xff0c;] 的字符串 s &#xff0c;判断字符串是否有效。 有效字符串需满足&#xff1a; 左括号必须用相同类型…

docker部署音乐播放下载器

可播放及下载音乐的工具 musicn 下载镜像 docker pull ghcr.m.daocloud.io/wy580477/musicn-container:latest创建数据目录 mkdir -p /data/musicdocker-compose部署 vim docker-compose.yml version: 3 services:musicn:container_name: musicnimage: ghcr.io/wy580477/m…

短信系统后台搭建要注意什么|网页版短信平台开发

在搭建短信系统后台时&#xff0c;需要注意以下几个关键方面&#xff0c;以确保系统的稳定性、安全性和高效性&#xff1a; 选择合适的技术栈&#xff1a;根据项目需求和团队实际情况选择合适的后端开发语言和框架&#xff0c;如Java Spring、Node.js、Python Django等。 系统…

深入理解React的setState机制

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…

耳目一新的滑块版登录注册界面~

又到了毕业季&#xff0c;大家做毕设的时候总会参考已有的案例&#xff0c;不过大多产品的样式非常单一雷同。本帖博主给大家分享一个比较别树一帜的登录界面&#xff0c;如下&#xff1a; 如果没有账号&#xff0c;点击“去注册”&#xff0c;则会产生如下的效果&#xff1a; …

【Linux 08】进程概念

文章目录 &#x1f308; 01. 基本概念&#x1f308; 02. 描述进程 PCB&#x1f308; 03. 使用 ./ 的方式创建进程&#x1f308; 04. ps 查看进程&#x1f308; 05. getpid / getppid 获取进程标识符&#x1f308; 06. kill 终止指定进程&#x1f308; 07. fork 创建子进程&…

设置asp.net core WebApi函数输入和返回类型中的属性名称开头大小写格式

以下列类型定义为例创建简单的ASP.NET Core的WebApi函数&#xff0c;此时输入参数和返回结果的属性名称开头默认为小写&#xff0c;如下图所示。 public class UserInfo { public string UserName { get; set; }public string UserSex { get; set; }public string UserP…

利用瑞士军刀netcat建立连接并实现文件上传

实验环境&#xff1a; Kali:192.168.117.129 Windows10:192.168.135.142 第一步&#xff1a;建立连接 在Windows上下载netcat(官网搜索) 下载好之后在netcat目录打开cmd进入小黑屏 实验一&#xff1a;建立虚拟机与主机的连接 命令&#xff1a; Kali:nc 192.168.135.144…

观成科技:白象组织BADNEWS木马加密通信分析总结报告

概述 白象&#xff0c;又名Hangover、Patchwork、摩诃草等&#xff0c;该组织主要针对中国、巴基斯坦等亚洲地区国家进行网络间谍活动&#xff0c;攻击目标以政府机构、科研教育领域为主。 自16年起&#xff0c;该APT组织一直持续使用攻击武器BADNEWS开展攻击活动&#xff0c…

C++:变量和常量(3)

变量 什么是变量&#xff1a;变量就是一个装东西的盒子 通俗&#xff1a;变量是用于存放数据的容器。我们通过变量名获取数据&#xff0c;甚至数据可以修改 变量的作用&#xff1a;给指定的内存空间起名&#xff0c;后期通过起的名字就可以调用整个内存空间 定义变量的格式 &a…