实战教程·元宇宙来了,准备好你的电子名片了吗?(六)(2)

简介: 实战教程·元宇宙来了,准备好你的电子名片了吗?(六)

二次提醒:使用警告弹窗提示用户

上面我们实现了滑动删除的操作,但操作太直接了,可能存在用户误操作的情况。为了避免用户误操作,我们可以增加一层判断机制。当用户唤起删除操作时提醒用户当前正在执行删除操作,请求用户的二次确认,用户确认后方可执行删除。

这种强提醒的用户场景下,我们可以使用警告弹窗告知用户。警告弹窗和模态弹窗的使用方式类型,需要提前声明一个是否打开警告弹窗的变量,如下代码所示:


@State var showDeleteAlert: Bool = false

对于删除使用的警告弹窗,我们可以单独构建警告弹窗视图,然后再调用,如下代码所示:


// 删除弹窗
    private var deleteAlert: Alert {
        let alert = Alert(title: Text(""), message: Text("确定要删除吗?"), primaryButton: .destructive(Text("确认")) {
        }, secondaryButton: .cancel(Text("取消")))
        return alert
    }

image.png

上述代码中,我们创建了一个警告弹窗deleteAlert,视图类型为Alert弹窗。在deleteAlert弹窗中,我们设置了Alert的标题、副标题、主要按钮、取消按钮,最终返回这个Alert样式给到deleteAlert。

要使用Alert弹窗的方式也比较简单,可以使用alert弹窗修饰符,如下代码所示:


image.png

//打开删除确认弹窗
.alert(isPresented: $showDeleteAlert, content: { deleteAlert })

image.png

上述代码中,我们给整个卡片视图添加了alert警告弹窗修饰符,并绑定打开弹窗的参数showDeleteAlert,警告弹窗的内容为我们单独构建的deleteAlert删除弹窗视图。

然后我们可以再拖动判断删除的时候触发打开删除弹窗,在删除弹窗中点击确定时,调用删除方法,如下代码所示:


self.showDeleteAlert.toggle()

image.png

完成之后,我们再在模拟器中预览下操作后的效果,如下图所示:

image.png


相关文章
|
16天前
|
Android开发 Kotlin
|
数据采集 自然语言处理 监控
|
21天前
|
弹性计算 人工智能 边缘计算
阿里云国际站2025年最新动态:全球云计算加速,中小企业出海利器
2025年,阿里云国际站凭借领先技术与本地化服务,助力企业高效出海。核心产品如弹性计算ECS Enterprise、云原生数据库PolarDB-X及边缘计算ENS Pro全面升级,覆盖全球28个区域,提供低延迟、高稳定性支持。同时推出“海外现货”模式,缩短外贸订单周期50%。通过技术+生态优势,助力中小企业实现全球化增长。
|
2月前
|
数据采集 存储 SQL
五问数据质量,一文讲透从根源到治理应用
在国家推动数据要素化改革背景下,数据已成为驱动新质生产力和产业变革的核心要素。本文聚焦企业在数据质量治理中的五大核心问题,解析数据质量问题来源、治理目标、责任划分、实施路径与评估方法,为企业构建可持续的数据质量保障机制提供实践指导。
|
5月前
|
机器学习/深度学习 人工智能 自然语言处理
技术创新领域,AI(AIGC)是否会让TRIZ“下岗”?
法思诺创新直播间探讨了AI(AIGC)是否将取代TRIZ的问题。专家赵敏认为,AI与TRIZ在技术创新领域具有互补性,结合两者更务实。TRIZ提供结构化分析框架,AI加速数据处理和方案生成。DeepSeek、Gemini等AI也指出,二者各有优劣,应在复杂创新中协同使用。企业应建立双轨知识库,重构人机混合创新流程,实现全面升级。结论显示,AI与TRIZ互补远超竞争,结合二者是未来技术创新的关键。
170 0
|
8月前
|
人工智能 JSON 自然语言处理
一键生成毛茸萌宠形象,基于函数计算极速部署 ComfyUI 生图系统
本次方案将帮助大家实现使用阿里云产品函数计算FC,只需简单操作,就可以快速配置ComfyUI大模型,创建出你的专属毛茸茸萌宠形象。内置基础大模型+常用插件+部分 Lora,以风格化图像生成只需用户让体验键配置简单方便,后续您可以根据自己的需要更换需要的模型、Lora、增加插件。
366 14
|
iOS开发 MacOS
WAServiceMainContext.js:2 Error: MiniProgramError
WAServiceMainContext.js:2 Error: MiniProgramError
490 0
|
索引 Python
Python高维变量选择:SCAD平滑剪切绝对偏差惩罚、Lasso惩罚函数比较
Python高维变量选择:SCAD平滑剪切绝对偏差惩罚、Lasso惩罚函数比较
|
iOS开发 MacOS
CocoaPods安装失败解决方法
CocoaPods安装失败解决方法
227 2
|
机器学习/深度学习 编解码 弹性计算
云上视频处理:重塑视频行业的未来版图
云上视频处理技术作为视频行业的重要支撑力量,正以其高效、灵活、可扩展的优势引领着视频行业的未来发展。从在线视频平台到短视频平台再到智能安防等各个领域都能看到云上视频处理技术的身影
323 2