[Swift UI]一、基础控件-(11)通过Button打开一个模态窗口

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址： https://www.cnblogs.com/strengthen/p/12263645.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文将使用Button控件的sheet方法，打开一个指定内容的模态窗口。

结构体相对于类来说更加轻量，所以SwiftUI使用结构体来定义视觉控件。

import SwiftUI

struct ContentView : View
{
    //给结构体对象添加一个属性，
    //该属性为布尔类型，用于决定模态窗口的显示和隐藏
    @State var isPresented = false
    
    var body: some View
    {
        VStack
            {
                //添加一个按钮控件，并设置它的标题文字
                Button("Show modal")
                {
                    //当按钮被点击时，设置布尔属性的值为真。
                    self.isPresented = true
                    //调用Button控件的sheet方法，并设置isPresented的值为当前的布尔属性，
                    //当属性的值为真时，显示sheet中的内容。
                }.sheet(isPresented: $isPresented, content:
                    {
                        //将这个自定义的视图，作为按钮控件的sheet内容
                        MyDetailView(message: "Model window")
                })
        }
        //从窗口的上方向下拖动，可以关闭该窗口。
    }
}

//定义一个遵守View协议的指定名称的结构体，作为一个新的自定义视图。
//结构体相对于类来说更加轻量，所以SwiftUI使用结构体来定义视觉控件。
struct MyDetailView: View
{
    //给自定义视图添加一个字符串类型的属性
    let message: String
    //实现View协议中必需实现的body属性，所有自定义视图中的元素都需要放在body中。
    var body: some View
    {
        //添加一个垂直排列视图VStack,作为子视图的容器。
        VStack{
            //添加一个文本视图来显示属性的值。
            Text(message)
                //并设置字体为标题样式。
                .font(.largeTitle)
        }
    }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider
{
    static var previews: some View
    {
        ContentView()
    }
}
#endif