SwiftUI macOS教程之Sheets組件經典教程

一、Sheet 組件介紹

Sheet屬于內含式組件，該組件是特殊的窗口組件，用于信息展示與輔助性選擇。從macOS 11開始，Sheet不再從父窗口工具欄的底部邊緣彈出。在macOS 11中，Sheet是一個圓角矩形視圖，它漂浮在變暗的父窗口頂部。下面是實際效果圖：

Sheet組件基礎

二、本文價值與收獲

看完本文后，您將能夠作出下面的界面

Sheet組件基礎

看完本文您將掌握的技能

macOS下掌握Sheet基本使用
掌握sheet組件的顯示與退出

三、基礎知識

sheet(isPresented:onDismiss:content:)

在給定條件為true時顯示sheet視圖。

func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, content: @escaping () -> Content) -> some View where Content : View

參數

isPresented
是否顯示工作表的綁定。
onDismiss
工作表關閉時執行的關閉。
content
返回表內容的閉包。

四、實戰代碼

import SwiftUI

struct ContentView: View {
    @State var showflag = false
    var body: some View {
        VStack{
            Spacer()
            Button("顯示Sheet"){
                self.showflag.toggle()
            }
            Divider()
            Spacer()
        }
        .frame(width: 400, height: 300, alignment: .center)
        .sheet(isPresented:self.$showflag){
            DetailView(showflag: self.$showflag)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct DetailView:View{
    @Binding var showflag:Bool
    var body: some View{
        VStack{
            Spacer()
           Text("詳細界面")
            Divider()
            Button("退出Sheet"){
                self.showflag.toggle()
            }
            Spacer()
        }
        .frame(width: 300, height: 200, alignment: .center)
    }
}

技術交流

QQ:3365059189
SwiftUI技術交流QQ群:518696470

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/107870663

智能推薦

SwiftUI Button 基礎教程

Button 觸發時執行操作的控件使用教程您可以通過提供操作和標簽來創建按鈕。操作是一個方法或閉包屬性，當用戶單擊或輕觸按鈕時，它會執行某些操作。標簽是描述按鈕操作的視圖，例如，通過顯示文本（如取消）或圖標（如后退箭頭）。代碼 iOSButton效果 macOS代碼 tvOS代碼推薦基礎文章推薦《SwiftUI是什么，聽聽大牛們如何說》經典教程推薦更新近百篇SwiftUI教程《Sw...

[譯] SwiftUI 官方教程（一）

SwiftUI 簡介 SwiftUI 是一種為任何 Apple 平臺聲明用戶界面的現代化方式。以前所未有的速度，創建漂亮、動態的應用程序。只需要描述一次的布局為你的視圖聲明任何狀態的內容和布局，一旦狀態發生改變， SwiftUI 會自動更新視圖的渲染。構建可復用的組件將小型、獨立視圖組合到更大，更復雜的界面中。在任何為 Apple 平臺所設計的應用之間，共享您的自定義視圖。 ...

SwiftUI macOS 如何設置工具條(教程含代碼)

一、實戰需求如何制作類似xcode的工具條呢二、本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握自定義工具條工具條上放置Button和文本輸入框三、基礎知識 NSHostingView AppKit視圖可以封裝SwiftUI組件您可以使用NSHostingView對象將SwiftUI視圖集成到AppKit視圖層次結構中。托管視圖是一個管理單個SwiftUI...

SwiftUI RadioButton單選多選互斥組件(教程含源碼經典補充)

文章看點本文不僅為大家提供一套原生RadioButton組件，而且還學習SwiftUI數據流的最佳案例實戰需求 RadioButton 是Windows 窗體的控件，為用戶提供由兩個或多個互斥選項組成的選項集。常用于男女性別、是否開關等用于場景。可惜SwiftUI目前還未提供該組件，讓我們用SwiftUI原生的組件實現一個吧！本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌...

swiftUI與macOS開發：用SwiftUI開發menuBar

macOS的menuBar功能非常強大，我們在開發macOS應用的時候，經常需要利用menuBar實現功能。這篇文章主要是關于如何用swiftUI優雅地現在menuBar的popover。最終效果圖：創建Popover 在AppDelegate文件中，聲明一個NSPopover變量（下面的statusBarItem之后會用到）隨后，在applicationDidF...