Formatierungstipps für TextBox-Steuerelemente

Sie können die integrierte TextBox -Steuerelementvorlage verwenden, um eine benutzerdefinierte TextBox -Vorlage zu erstellen. Standardmäßig sieht das TextBox -Steuerelement wie folgt aus:

Teile der TextBox-Vorlage

Das TextBox -Steuerelement enthält ein Teil: das ContentElement . Dieses Teil ist obligatorisch.

Tipp:
Wenn Sie die Teile der Vorlage anzeigen möchten, öffnen Sie das Teilepanel während der Bearbeitung der Vorlage.

Status des TextBox-Steuerelements

Standardmäßig kann das TextBox -Steuerelement in der CommonStates-Statusgruppe einen der vier folgenden Status annehmen. Die Statusgruppe können Sie im Zuständepanel anzeigen, während Sie eine TextBox -Vorlage ändern:

Zustandsname	Beschreibung
Normal	Die Darstellung des TextBox -Steuerelements, wenn keine Interaktion stattfindet.
MouseOver	Die Darstellung des TextBox -Steuerelements, wenn der Benutzer den Zeiger über das Steuerelement bewegt.
ReadOnly	Die Darstellung des TextBox -Steuerelements, wenn die IsReadOnly -Eigenschaft auf True festgelegt ist.
Disabled	Die Darstellung des TextBox -Steuerelements, wenn die IsEnabled -Eigenschaft auf False festgelegt ist.

Das TextBox -Steuerelement kann sich in einem von zwei Status der FocusStates-Statusgruppe befinden:

Zustandsname	Beschreibung
Unfocused	Die Darstellung des TextBox -Steuerelements, wenn sich kein Tastaturfokus darauf befindet.
Focused	Die Darstellung des TextBox -Steuerelements, wenn sich ein Tastaturfokus darauf befindet. Beispiel: Ein Benutzer drückt die TAB-TASTE, um die Objekte in der Anwendung zu durchlaufen, bis sich ein Tastaturfokus auf dem TextBox -Steuerelement befindet.

Das TextBox -Steuerelement kann sich in einem von drei Status der ValidationStates-Statusgruppe befinden:

Zustandsname	Beschreibung
Valid	Darstellung des TextBox -Steuerelements, wenn das Steuerelement gültig ist.
InvalidUnfocused	Darstellung des TextBox -Steuerelements, wenn das Steuerelement ungültig ist und über keinen Tastaturfokus verfügt.
InvalidFocused	Darstellung des TextBox -Steuerelements, wenn das Steuerelement ungültig ist und über einen Tastaturfokus verfügt.

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 jeweils zu einem Zeitpunkt angezeigt werden. Ein Status aus einer anderen Gruppe kann jedoch gleichzeitig mit einem Status aus einer weiteren Statusgruppe angezeigt werden.

Wenn Sie einen Status auswählen, wird die Statusaufzeichnung aktiviert und die vorgenommenen Änderungen für diesen Status werden aufgezeichnet. Um die Statusaufzeichnung zu deaktivieren, klicken Sie auf die Aufzeichnungsschaltfläche , oder wählen Sie Basis im Zuständepanel aus. Um die Darstellung des Steuerelements zu ändern, wenn zwei separate Status aktiv sind, können Sie in einer Statusgruppe eine Vorschau eines Status einpassen, während Sie in einer anderen Statusgruppe einen Status ändern.

Vorlagenbindung

Sie können die Eigenschaften Background, BorderBrush, Foreground, BorderThickness und Padding an Vorlagen binden. Weitere Informationen finden Sie unter Übernehmen von Objekteigenschaften für die Vorlage.

So konvertieren Sie Objekte in TextBox-Steuerelemente

Das folgende Bild ist eine Entwurfszusammenfassung eines TextBox -Steuerelements:

In diesem Beispiel wird der XAML-Code in Schritt 2 der folgenden Prozedur verwendet, der der Grafik oben entspricht, um ein benutzerdefiniertes Textfeld mithilfe der TextBox -Steuerelementvorlage zu erstellen.

1. Öffnen Sie ein neues Microsoft Silverlight-Projekt. Suchen Sie in der Codeansicht nach folgendem Code, und löschen Sie dann den schließenden Schrägstrich (/).

   <Grid x:Name="LayoutRoot" Background="White"/>
   

2. Kopieren Sie folgenden Code in Ihr neues Projekt, und fügen Sie ihn dann hinter dem Code ein, den Sie in Schritt 1 gesucht haben.

   <Grid Height="20" Width="120">
   <Rectangle Fill="#FF333333" RadiusX="5" RadiusY="5"/>
   <TextBlock Margin="5,0" Foreground="White" Text="Lorem" VerticalAlignment="Center"/>
   </Grid>
   

3. Fügen Sie ein schließendes Grid -Tag (</Grid>) hinter dem Code ein, den Sie gerade eingefügt haben.

4. Klicken Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf Grid, und klicken Sie dann auf Steuerelement erstellen. Klicken Sie im Dialogfeld Steuerelement erstellen auf TextBox, und klicken Sie dann auf OK.

5. Erstellen Sie Ihr Projekt (STRG+UMSCHALT+B), und testen Sie es, indem Sie F5 drücken.

Weitere Informationen dazu, wie Sie die neue TextBox -Vorlage für andere TextBox -Objekte übernehmen, finden Sie unter Anwenden oder Entfernen einer Ressource.

Verweise

Ausführliche Informationen zu den Eigenschaften und Ereignissen des Silverlight- TextBox -Steuerelements finden Sie in derSilverlight Control Gallery  in MSDN.

Siehe auch

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente
Formatieren eines Steuerelements, das Vorlagen unterstützt
Zeichnen von Text

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.