SwiftUI—通过Button打开一个模态窗口

简介: SwiftUI—通过Button打开一个模态窗口

当点击按钮时,使用按钮控件的sheet方法,弹出Modal模态窗口。


示例代码:


struct ContentView : View {
    @State var isPresented = false //决定模态窗口的显示和隐藏
    var body: some View {
        VStack{
            Button("Show modal") { //设置按钮标题文字
                self.isPresented = true //当按钮被点击时,设置布尔属性的值为真
            }.sheet(isPresented: $isPresented, content: { //调用Button控件的sheet方法,并设置isPresented的值为当前的布尔属性。当属性的值为真时,显示sheet中的内容
                MyDetailView(message: "Modal window") //将自定义视图作为按钮控件的sheet内容
            })
        }
    }
}
struct MyDetailView: View { //定义一个遵守View协议的指定名称的结构体,作为一个新的自定义视图。结构体相对于类来说更加轻量,所以SwiftUI使用结构体来定义视觉控件
    let message: String
    var body: some View { //实现View协议中必须要实现的body属性,所有自定义视图中的元素都需要放在body中
        VStack {
            Text(message)
                .font(.largeTitle)
        }
    }
}


2466108-562c55cd23c7fcb8.webp.jpg


注:模态窗口与非模态窗口的区别

目录
相关文章
|
6月前
|
JavaScript
dialog打开时重新渲染
dialog打开时重新渲染
82 0
|
3月前
【Qt 学习笔记】Qt常用控件 | 按钮类控件 | Radio Button的使用及说明
【Qt 学习笔记】Qt常用控件 | 按钮类控件 | Radio Button的使用及说明
533 1
|
6月前
|
前端开发 C#
浅谈WPF之Popup弹出层
在日常开发中,当点击某控件时,经常看到一些弹出框,停靠在某些页面元素的附近,但这些又不是真正的窗口,而是页面的一部分,那这种功能是如何实现的呢?今天就以一个简单的小例子,简述如何在WPF开发中,通过Popup实现鼠标点击弹出浮动停靠窗口,仅供学习分享使用,如有不足之处,还请指正。
159 0
|
Windows
Winform控件Button及控件的鼠标事件介绍
按钮控件是最常用的,用于实现点击完成操作。其主要处理的就是鼠标点击Click事件。由此可以引发出所有与鼠标有关的事件.....
1335 0
Winform控件Button及控件的鼠标事件介绍
|
iOS开发
SwiftUI极简教程08: Button按钮的使用
SwiftUI极简教程08: Button按钮的使用
1307 0
SwiftUI极简教程08: Button按钮的使用
|
C#
【WPF】使用Popup控件做浮窗/提示框
原文:【WPF】使用Popup控件做浮窗/提示框 需求:当鼠标移入某个区域时,弹出一个浮窗,以便用户进行下一步操作。 效果如下图: 当鼠标移入左上角的【多选显示】框内,出现下面的浮窗(悬浮在原UI之上)。
4431 0
|
存储
SwiftUI极简教程40:构建SearchBar搜索栏和TabView底部导航
在本章中,你将学会构建Search搜索进行列表搜索和TabView底部导航。 在上一章节中,我们完成了一个简单的ColourAtla色卡App,接下来我们继续完善App的相关内容。
756 0
SwiftUI极简教程40:构建SearchBar搜索栏和TabView底部导航
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
670 0
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
SwiftUI—Button按钮控件的使用
SwiftUI—Button按钮控件的使用
516 0
SwiftUI—Button按钮控件的使用
SwiftUI—如何快速打开一个模态窗口
SwiftUI—如何快速打开一个模态窗口
448 0
SwiftUI—如何快速打开一个模态窗口