Formatierungstipps für "RadioButton"-Steuerelemente

Artikel
10/11/2017

Ee341408.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(DE-DE,Expression.30).png

Das RadioButton-Steuerelement steht für ein Objekt, das auf Benutzereingaben über eine Maus, eine Tastatur oder ein sonstiges Eingabegerät reagiert und drei verschiedene Status durchläuft ("Aktiviert", "Unbestimmt" und "Inaktiviert"), die verknüpfte Ereignisse auslösen.

Wie bei allen Steuerelementen kann das RadioButton-Steuerelement bearbeitet werden, sodass es ganz anders aussieht als seine Standardform. Standardmäßig siehr das RadioButton-Steuerelement wie folgt aus:

Ee341408.a79fb949-5f67-4c15-afd5-5f28abd2ae07(DE-DE,Expression.30).png

Interessante Eigenschaften des RadioButton-Steuerelements

Das RadioButton-Steuerelement ist ein Content-Steuerelement. Daher können Sie im RadioButton-Steuerelement Text anzeigen, indem Sie im Eigenschaftenpanel unter Allgemeine Eigenschaften die Eigenschaft Inhalt einstellen.

Sie können mit der ClickMode-Eigenschaft einstellen, wann das Click-Ereignis ausgelöst wird: wenn geklickt oder die Maustaste losgelassen wird oder wenn der Mauszeiger über das RadioButton-Steuerelement bewegt wird.

Sie können auch die IsChecked-Eigenschaft so einstellen, dass im RadioButton-Steuerelement ein Häkchen angezeigt wird, und die IsThreeState-Eigenschaft so einstellen, dass das RadioButton-Steuerelement den Status Unbestimmt zusätzlich zu den Status Aktiviert und Inaktiviert verwendet.

Wenn mehrere RadioButton-Objekte verknüpft sind, kann nur eines gleichzeitig in einer laufenden Anwendung ausgewählt werden. Sie können mehrere RadioButton-Objekte verknüpfen, indem Sie für die GroupName-Eigenschaft denselben Namen eingeben. Standardmäßig werden alle RadioButton-Objekte, die der Zeichenfläche in Microsoft Expression Blend hinzugefügt werden, durch eine leere GroupName-Eigenschaft verknüpft.

Sie können diese Eigenschaften folgendermaßen festlegen:

Die Eigenschaften des Objekts einstellen Nachdem Sie ein RadioButton-Objekt auf die Zeichenfläche gezogen haben, können Sie die Eigenschaften des Objekts direkt einstellen. Wenn mehrere RadioButton-Objekte dieselben Werte verwenden sollen, können Sie diese Eigenschaften in einer Formatvorlage festlegen.
Die Eigenschaften in einer Formatvorlage festlegen Wenn Sie diese Eigenschaften in der Formatvorlage des RadioButton-Objekts festlegen, benutzt jedes RadioButton-Objekt, das diese Formatvorlage verwendet, diese Werte. Sie können die Werte für ein bestimmtes Objekt überschreiben.

Weitere Informationen finden Sie unter Erstellen einer Formatvorlage.

Das RadioButton-Steuerelement ändert sein Aussehen je nach seinem Status. Sie können das Aussehen jedes Status im Vorlagenbearbeitungsmodus bearbeiten, indem Sie im Zuständepanel einen Status auswählen.

Weitere Informationen finden Sie unter den Status in den folgenden Listen und unter Definieren unterschiedlicher visueller Zustände für ein Steuerelement.

Um zu spezifizieren, was geschieht, wenn auf das RadioButton-Objekt geklickt wird, ziehen Sie ein Verhalten auf das RadioButton-Objekt oder auf ein Objekt in der RadioButton-Vorlage. Weitere Informationen finden Sie unter Hinzufügen von Verhalten zu Objekten.

Optional können Sie das Click-Ereignis in einen Ereignishandler einbinden. Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

Teile der RadioButton-Vorlage

Das RadioButton-Steuerelement hat keine Teile.

Status des RadioButton-Steuerelements

Standardmäßig kann das RadioButton-Steuerelement in einem der folgenden vier Status in der Statusgruppe CommonStates stehen, die Sie bei der Bearbeitung einer RadioButton-Vorlage im Zuständepanel anzeigen können:

Zustandsname	Beschreibung
Normal	Das Aussehen des RadioButton-Steuerelements, wenn keine Interaktion mit dem Steuerelement stattfindet.
MouseOver	Das Aussehen des RadioButton-Steuerelements, wenn der Benutzer den Mauszeiger darüber bewegt.
Pressed (Gedrückt)	Das Aussehen des RadioButton-Steuerelements, wenn der Benutzer darauf klickt oder wenn das Steuerelement Fokus hat und der Benutzer die EINGABE- oder LEERTASTE drückt.
Disabled (Deaktiviert)	Das Aussehen des RadioButton-Steuerelements, wenn die IsEnabled-Eigenschaft auf False gesetzt ist.

Das RadioButton-Steuerelement kann in einem der zwei folgenden Status der Statusgruppe FocusStates sein:

Zustandsname	Beschreibung
Unfocused (Ohne Fokus)	Das Aussehen des RadioButton-Steuerelements, wenn es keinen Tastaturfokus hat.
Focused (Mit Fokus)	Das Aussehen des RadioButton-Steuerelements, wenn es Tastaturfokus hat. Beispielsweise kann ein Benutzer auf die TAB-Taste drücken, um die Objekte in der Anwendung zu durchlaufen, bis sich Tastaturfokus auf dem RadioButton-Steuerelement befindet.

Das RadioButton-Steuerelement kann in einem der drei folgenden Status der Statusgruppe CheckStates sein:

Zustandsname	Beschreibung
Unchecked (Deaktiviert)	Das Aussehen des RadioButton-Steuerelements, wenn die IsChecked-Eigenschaft auf False gesetzt ist.
Checked (Aktiviert)	Das Aussehen des RadioButton-Steuerelements, wenn die IsChecked-Eigenschaft auf True gesetzt ist.
Indeterminate (Unbestimmt)	Das Aussehen des RadioButton-Steuerelements, wenn die IsThreeState-Eigenschaft auf True gesetzt ist.

Tipp:
Eine Statusgruppe enthält die visuellen Status, die Teil derselben logischen Kategorie sind und die nicht gleichzeitig angezeigt werden können. Beispiel: Die Gruppe CommonStates beinhaltet Zustände, die sich auf die Benutzerinteraktion mit einem Eingabegerät wie der Maus beziehen. Nur ein Status in einer Statusgruppe kann zur gleichen Zeit angezeigt werden, aber ein Status aus einer Gruppe kann zusammen mit einem Status in einer anderen Statusgruppe angezeigt werden.

Eine Statusgruppe enthält die visuellen Status, die Teil derselben logischen Kategorie sind und die nicht gleichzeitig angezeigt werden können. Beispiel: Die Gruppe CommonStates beinhaltet Zustände, die sich auf die Benutzerinteraktion mit einem Eingabegerät wie der Maus beziehen. Nur ein Status in einer Statusgruppe kann zur gleichen Zeit angezeigt werden, aber ein Status aus einer Gruppe kann zusammen mit einem Status in einer anderen Statusgruppe angezeigt werden.

Wenn Sie einen Status auswählen, wird die Statusaufzeichnung aktiviert, und alle vorgenommen Änderungen werden für diesen Status aufgezeichnet. Um die Statusaufzeichnung zu deaktivieren, klicken Sie auf die Aufzeichnungsschaltfläche Ee341408.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(DE-DE,Expression.30).png , oder wählen Sie im Zuständepanel die Option Basis. Um das Aussehen des Steuerelements zu ändern, wenn zwei getrennte Status aktiv sind, können Sie eine Voransicht eines Status in eine Statusgruppe einpassen, während Sie einen Status in einer anderen Statusgruppe bearbeiten.

So konvertieren Sie Objekte in ein RadioButton-Steuerelement

Da das RadioButton-Steuerelement keine Teile hat, können Sie beliebige Objekte in ein RadioButton-Steuerelement konvertieren.

Gruppieren Sie Ihre Objekte in ein Layoutpanel, wählen Sie das Layoutpanel aus, und klicken Sie anschließend im Menü Werkzeuge auf Steuerelement erstellen.
Wählen Sie im angezeigten Dialogfeld Radio Button, benennen Sie Ihre Vorlage, und wählen Sie den Speicherort für die Vorlage aus.

Weitere Informationen zu Speicherorten finden Sie unter Erstellen einer Ressource.
Nachdem Sie auf OK geklickt haben, gelangt Expression Blend in den Vorlagenbearbeitungsmodus und zeigt die Objekte an, aus denen Ihr RadioButton-Steuerelement besteht. Sie können die Vorlage in diesem Modus weiter bearbeiten. Fügen Sie beispielsweise Objekte hinzu, bearbeiten Sie sie, oder wählen Sie im Zuständepanel einen Status aus, um das Aussehen der Vorlage in diesem Status zu bearbeiten.
Sie können einige der Pinseleigenschaften von Objekten in der Vorlage an folgende Eigenschaften des RadioButton-Objekts binden, das schließlich die Vorlage verwenden wird:
- Background
- BorderBrush
- Foreground
- BorderThickness
Weitere Informationen finden Sie unter Übernehmen von Objekteigenschaften für die Vorlage.
Um den Vorlagenbearbeitungsmodus zu beenden, klicken Sie auf der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf [RadioButton] oder klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang.

Weitere Informationen über die Anwendung der neuen RadioButton-Vorlage auf weitere RadioButton-Objekte finden Sie unter Anwenden oder Entfernen einer Ressource.

Verweise

Detaillierte Informationen über die Eigenschaften und Ereignisse des Microsoft Silverlight-RadioButton-Steuerelements finden Sie in der Silverlight Steuerelementgalerie in MSDN (möglicherweise in englischer Sprache).