エントリーから実際の戦闘までのSwiftUI第2章セクション6:トグル

関連コース:http//hdjc8.com/hdjc/swiftUI/

Toggleは、オプションスイッチ(開くまたは閉じる)の機能を実現するために使用されるUIKitのUIToggleと同等です。

電話設定ページのBluetoothや機内モードのオプションスイッチなど、トグルスイッチコントロールは非常に一般的です。主に、特定のオプションを選択するかどうか、または特定の機能をアクティブにするかどうかを識別するために使用されます。


サンプルコード:

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()
        }
    }
}

 

操作の結果を表示します。

おすすめ

転載: blog.csdn.net/fzhlee/article/details/106101019