SwiftUI Academy · Lektion

Buttons deaktivieren und aktivieren

Steuern Sie die Interaktivität mit dem disabled-Modifier.

Buttons deaktivieren und aktivieren ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

Sometimes Tapping Should Wait

Not every button should always be tappable. A submit button might wait until a form is valid. SwiftUI handles this with the disabled modifier. 🚦

The disabled Modifier

Add disabled to any control and pass true or false. When true, the button stops responding to taps right away.

Button("Send") { send() }
    .disabled(true)

Driving It With a Condition

Instead of a fixed value, pass a condition. The button enables and disables itself as the underlying data changes.

Button("Send") { send() }
    .disabled(message.isEmpty)

Tied to State

Pair disabled with a state value and SwiftUI re-evaluates it on every change. The button reacts the moment your data updates.

@State private var name = ""

Button("Save") { save() }
    .disabled(name.isEmpty)

The Dimmed Look

A disabled button automatically appears dimmed. This visual cue tells people it is not ready yet, with no extra styling from you.

Validating a Form

A classic use is form validation: keep the action button off until every required field passes its check.

Button("Register") { register() }
    .disabled(!isFormValid)

Preventing Double Taps

During a slow task, disable the button so users cannot tap it again. Flip a loading flag while the work is running.

Button("Upload") { startUpload() }
    .disabled(isLoading)

Disabling a Whole Group

Apply disabled to a container and every control inside inherits it. One modifier can lock down an entire section at once.

VStack {
    Button("A") { a() }
    Button("B") { b() }
}
.disabled(isLocked)

Children Cannot Re-enable

Once a parent is disabled, a child cannot turn itself back on. The most restrictive disabled value in the chain wins.

Disabled Still Communicates

A disabled button is not broken; it is honest. It signals that an action is unavailable right now, guiding users toward what to do first.

Enable by Flipping the Value

To re-enable, simply make the condition false again. Update the state it depends on and SwiftUI brings the button back to life.

Button("Confirm") { confirm() }
    .disabled(!agreedToTerms)

Quick Check

One last check on enabling and disabling.

Recap

Excellent! The disabled modifier locks a button based on a condition, dims it automatically, and re-enables when the value flips back. 🚦

Häufig gestellte Fragen

Ist die Lektion „Buttons deaktivieren und aktivieren“ kostenlos?

Ja — der vollständige Text von „Buttons deaktivieren und aktivieren“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Buttons deaktivieren und aktivieren“?

Steuern Sie die Interaktivität mit dem disabled-Modifier. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.

Wie lange dauert die Lektion „Buttons deaktivieren und aktivieren“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy