SwiftUI從入門到實戰第2章第6節：Toggle

相關課程：http://hdjc8.com/hdjc/swiftUI/

Toggle相當於UIKit中的UIToggle，用於實現選項開關(開戶或關閉)的功能。

Toggle開關控件的使用非常普遍，例如手機設置頁面的藍牙和飛行模式等功能的選項開關。主要用於標識是否選擇某個選項，或者是否激活某項功能。

示例代碼：

struct ContentView : View {
    //首先添加一個布爾類型的屬性，並設置它的初始值爲真。該屬性擁有@State綁定包裝標記，表示該屬性將和開關控件進行數據綁定。
    @State var showNotification = true

    var body: some View {
        VStack {
            //然後修改此處的文本視圖，作爲形狀控件的標籤。
            Text("Show Notification: ")
            //通過擴展方法，添加另一個文本視圖，該文本視圖用來顯示布爾屬性的值。
            + Text("\(self.showNotification.description)")
                .foregroundColor(.green)
                .bold()
                
            //添加一個開關控件，並將它和布爾屬性進行綁定。當用戶調整開關控件時，該屬性的值也將同步發生變化。
            Toggle(isOn: $showNotification) {
                Text("Show notification:")
            }.padding()
        }
    }
}

 

查看運行結果：