Menu
Coddy logo textTech

トグル

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 25/50。

ToggleBoolに紐付けられたオン/オフスイッチです。

@State private var notifications = true

Toggle("Notifications", isOn: $notifications)

タイトルは左側に表示され、スイッチは右側に表示されます。スイッチを切り替えると、バインディングを通じてnotificationsに書き込まれ、その値を読み取るものはすべて更新されます:

Text(notifications ? "You will get alerts" : "Alerts are off")
challenge icon

チャレンジ

簡単

Wi-FiというタイトルのToggleを追加し、wifiにバインドして、識別子をwifiにします。トグルがオンのときはステータステキストをConnectedと表示し、オフのときはOfflineと表示します。

自分で試してみよう

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

SwiftUI入門のすべてのレッスン

自分で練習してみよう: Swiftプレイグラウンド