news 2026/6/24 22:01:05

如何使用openCustomDialog禁止手势关闭的实现方案?提供源码和方案思路

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何使用openCustomDialog禁止手势关闭的实现方案?提供源码和方案思路

如何使用openCustomDialog禁止手势关闭的实现方案?提供源码和方案思路

一、结论


要实现禁止手势 / 外部点击关闭弹窗,核心依赖两个关键配置:
1、autoCancel 参数:
控制点击弹窗外部遮障层是否触发关闭,设置为 false 可直接禁用该关闭方式。

**2、onWillDismiss 回调:
**弹窗关闭前的拦截钩子,通过 DismissReason 枚举判断关闭原因,返回 false 可阻止弹窗关闭。

3、DismissReason 关键枚举值:
PRESS_BACK:点击三键 back、侧滑(左滑 / 右滑)、键盘 ESC 触发的关闭;
TOUCH_OUTSIDE:点击弹窗遮障层(外部区域)触发的关闭;
CLOSE_BUTTON:点击弹窗内关闭按钮触发的关闭;
其他枚举(SLIDE_DOWN、SLIDE):适配半模态转场的滑动关闭场景

二、代码实现和详细解释

1、基础配置:禁用外部点击+拦截手势关闭
核心逻辑是通过autoCancel禁用外部点击关闭,再利用onWillDismiss回调根据DismissReason拦截手势/返回键关闭,仅放行主动操作(如按钮点击)。

import{BusinessError}from'@kit.BasicServicesKit';@Entry @Component struct DialogCloseTestPage{privatecustomDialogComponentId:number=0;@BuildercustomDialogComponent(){Column(){Text('弹窗内容区域Blablabla..').fontSize(20)Row({space:10}){Button('取消').onClick(()=>{try{this.getUIContext().getPromptAction().closeCustomDialog(this.customDialogComponentId)}catch(error
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/25 15:55:06

AI如何帮你快速掌握Vue3文档核心要点

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 创建一个基于Vue3的AI辅助学习应用,能够自动解析Vue3官方文档,提取核心概念和API说明,并生成对应的代码示例。应用应包含以下功能:1)…

作者头像 李华
网站建设 2026/6/24 1:15:20

虚拟转子运动方程

光伏混合储能VSG讲解一一光储一次调频、功率平抑、 直流母线电压控制。光伏电站并网后像个叛逆期的孩子,总喜欢甩开电网调度自己玩。这时候虚拟同步发电机(VSG)技术就像个严厉的班主任,让光伏系统学会"守规矩"。今天咱们…

作者头像 李华
网站建设 2026/6/25 2:30:04

中山网络推广营销:低成本高效益的中小企业营销实操指南

对于中山中小企业来说,数字化营销的兴起为其提供了前所未有的机会。然而,预算有限和人力短缺依然是这些企业在进行网络营销时面临的主要挑战。本文将围绕这些痛点,提供一系列低成本、可执行的网络推广方案,帮助中山的中小企业从基…

作者头像 李华
网站建设 2026/6/25 3:08:41

SQL初学者指南:5分钟搞懂union和union all

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 开发一个面向初学者的SQL学习应用,重点讲解union和union all。要求:1. 卡通化交互界面 2. 分步骤动画演示 3. 可交互的简单示例 4. 即时反馈练习系统 5. 错题…

作者头像 李华
网站建设 2026/6/24 9:12:02

15分钟用高德地图MCP搭建出行应用原型

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 快速开发一个出行应用原型,集成高德地图MCP,实现以下核心功能:1. 地图展示;2. 起点终点输入;3. 路线规划;4. …

作者头像 李华
网站建设 2026/6/24 17:24:04

SSL证书入门:为什么会出现‘no certificate was sent‘

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 创建一个交互式学习模块:1. SSL/TLS握手动画演示;2. 证书缺失错误的可视化解释;3. 简单的OpenSSL测试命令生成器;4. 证书链验证小工具…

作者头像 李华