IOS在SwiftUI中顯示模態(tài)視圖的實例代碼
簡介
這里教大家如何彈出一個簡單的模態(tài)視圖。分別有兩個頁面，ContentView和GCPresentedView，以下對應(yīng)簡稱為A和B。我們要做的是在A視圖中點擊按鈕跳轉(zhuǎn)到B視圖，然后再從B視圖點擊按鈕返回到A視圖。
步驟
在A視圖中創(chuàng)建按鈕和模態(tài)視圖代碼
struct ContentView: View {
@State var isPresented = false
var body: some View {
Button(action: {
self.isPresented = true
}, label: {
Text("Present Modally")
})
.sheet(isPresented: $isPresented) {
GCPresentedView()
}
}
}
使用 @State 對屬性進(jìn)行修飾，在 SwiftUI 內(nèi)部會自動轉(zhuǎn)換為一對getter,setter，對這個屬性進(jìn)行賦值時會觸發(fā)視圖更新。
$isPresented 能夠?qū)⒅狄茫ㄒ梅椒ㄊ窃谥登胺郊右粋€$符號），當(dāng)引用的值發(fā)生改變時，這個改變會向外傳遞。
.sheet方法用于彈出一個模態(tài)視圖，在SwiftUI中的定義為。
public func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, @ViewBuilder content: @escaping () -> Content) -> some View where Content : View
在B視圖中創(chuàng)建按鈕和關(guān)閉模態(tài)視圖代碼
struct GCPresentedView: View {
@Environment(\.presentationMode) var mode
var body: some View {
Button(action: {
self.mode.wrappedValue.dismiss()
}, label: {
Text("Dismiss")
})
}
}
@Environment 獲取環(huán)境變量 presentationMode ，我們可以通過這個變量調(diào)用 wrappedValue.dismiss() 可以關(guān)閉模態(tài)視圖。
直接在 Xcode 運行預(yù)覽
總結(jié)
使用 SwiftUI 框架處理界面方便很多，不用太多的定義，我們只需要將界面進(jìn)行描述出來就可以了。這個教程示例中使用到了 Button 和 Text 控件，也用到了@State, Binding, @Environment 技術(shù)點。教程很簡單，放上來大家一起學(xué)習(xí)，教程里的代碼已放在了GitHub上面，點擊這里獲取代碼 。
以上所述是小編給大家介紹的IOS在SwiftUI中顯示模態(tài)視圖的實例代碼，希望對大家有所幫助，也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
iOS App中UIPickerView選擇欄控件的使用實例解析
這篇文章主要介紹了iOS App中的UIPickerView選擇欄控件的使用,文中演示了兩個超詳細(xì)的例子,示例代碼為Objective-C,需要的朋友可以參考下2016-04-04
iOS實現(xiàn)微信/QQ顯示最近拍攝圖片的功能實例代碼
如果你剛剛拍攝了圖片，在使用微信/QQ發(fā)生消息時會顯示“你可能要發(fā)送的圖片”，這個功能非常人性化，怎么實現(xiàn)的呢？下面小編給大家分享iOS實現(xiàn)微信/QQ顯示最近拍攝圖片的功能實例代碼，一起看看吧2017-03-03
本篇文章主要介紹了iOS 11 safeArea詳解及iphoneX 適配，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要給大家介紹了關(guān)于iOS中對文本的字符限制的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06
這篇文章主要介紹了IOS 打包靜態(tài)庫詳細(xì)介紹的相關(guān)資料,這里對打包靜態(tài)庫做了詳細(xì)的說明，并進(jìn)行了總結(jié)，需要的朋友可以參考下2016-11-11
最近公司產(chǎn)品需要實現(xiàn)點擊個人主頁頭像可以放大頭像、縮放頭像、保存頭像效果（和點擊微信個人頭像類似），故找個時間實現(xiàn)一下，記錄下來，供自己查看也給有需要的大家做個參考。下面來一起看看吧。2017-03-03
這篇文章主要給大家介紹了關(guān)于iOS中使用對象的弱引用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
讀寫鎖是計算機(jī)程序的并發(fā)控制的一種同步機(jī)制,也稱“共享-互斥鎖”、多讀者-單寫者鎖,讀操作可并發(fā)重入,寫操作是互斥的,這篇文章主要給大家介紹了關(guān)于iOS中讀寫鎖的簡單實現(xiàn)方法,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了IOS視圖控制器的生命周期實例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要給大家介紹了關(guān)于iOS設(shè)置圓角的4種方法，并給大家附上了性能評測，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01