Share via

Formatierungstipps für das "PasswordBox"-Steuerelement

  • Artikel

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

Das PasswordBox-Steuerelement stellt ein Objekt dar, das Input von einem Benutzer erhalten kann, während es die Zeichen, die eingegeben werden, maskiert.

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

Ee341382.4e1556e5-03f0-4881-8283-8281cb11c978(DE-DE,Expression.30).png

Interessante Eigenschaften des PasswordBox-Steuerelements

Das PasswordBox-Steuerelement ist ein Text-Steuerelement. Wenn das PasswordBox-Steuerelement mit Zeichen präsentiert werden soll, können Sie die Password-Eigenschaft im Eigenschaftenpanel unter Allgemeine Eigenschaften bearbeiten. Die Password-Eigenschaft wird den Text halten, den der Benutzer eingibt.

Sie können das Maskenzeichen ändern, das angezeigt wird, wenn der Benutzer in das PasswordBox-Steuerelement Text eingibt, indem Sie die PasswordChar-Eigenschaft ändern. Diese wird angezeigt, wenn Sie im Eigenschaftenpanel im unteren Bereich der Kategorie Text auf Erweiterte Eigenschaften einblendenEe341382.de239c9d-42ce-4f5e-83b9-5f9924c0431f(DE-DE,Expression.30).png klicken.

Sie können diese Eigenschaften folgendermaßen festlegen:

  • Die Eigenschaften des Objekts einstellen   Nachdem Sie ein PasswordBox-Objekt auf die Zeichenfläche gezogen haben, können Sie die Eigenschaften des Objekts direkt einstellen. Wenn mehrere PasswordBox-Objekte dieselben Werte verwenden sollen, legen Sie diese Eigenschaften in einer Formatvorlage fest.

  • Die Eigenschaften in einer Formatvorlage festlegen   Wenn Sie diese Eigenschaften in der Formatvorlage Ee341382.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(DE-DE,Expression.30).png des PasswordBox-Objekts festlegen, benutzt jedes PasswordBox-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.

Um anzugeben, was geschieht, wenn der Benutzer in das PasswordBox-Steuerelement ein Kennwort eingibt, binden Sie das Ereignis PasswordChanged in einen Ereignishandler ein.

Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

Teile der PasswordBox-Vorlage

Das PasswordBox-Steuerelement verwendet eine Vorlage, die sein Aussehen definiert: die PasswordBox-Vorlage. Der einzelne Teil der Vorlage spielt eine Rolle für das Aussehen und Verhalten des PasswordBox-Objekts, auf das die Vorlage angewandt wird.

Andere Objekte können in der Vorlage bestehen, um das Aussehen des PasswordBox-Steuerelements zu verschönern, aber das in der folgenden Tabelle aufgeführte Teil ist mit seinem Verhalten in einem Vertrag verknüpft.

Um die Teile einer Vorlage anzuzeigen, öffnen Sie während der Bearbeitung der Vorlage das Teilepanel. Im Panel Objekte und Zeitachsen wird ein Symbol Ee341382.6cf58c39-edba-4a0e-acbc-1da272f9a387(DE-DE,Expression.30).png neben einem Objekt angezeigt, das die Rolle eines Teils im Teilepanel spielt.

Ee341382.5b6101ee-86c4-48c6-a025-664d28142285(DE-DE,Expression.30).png

Teilename

Objekttyp

Beschreibung

ContentElement

FrameworkElement

Ein Objekt, das Maskenzeichen anzeigt, während der Benutzer ein Kennwort eingibt.

Dieses Teil ist obligatorisch.

Mit den anderen Objekte in der PasswordBox-Vorlage wird das Aussehen des PasswordBox-Steuerelements in verschiedenen Status geändert.

Status des PasswordBox-Steuerelements

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

Zustandsname

Beschreibung

Normal

Das Aussehen des PasswordBox-Steuerelements, wenn keine Interaktion mit dem Steuerelement stattfindet.

MouseOver

Das Aussehen des PasswordBox-Steuerelements, wenn der Benutzer den Mauszeiger darüber bewegt.

Pressed

Das Aussehen des PasswordBox-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 PasswordBox-Steuerelements, wenn die IsEnabled-Eigenschaft auf False gesetzt ist.

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

Zustandsname

Beschreibung

Unfocused

Das Aussehen des PasswordBox-Steuerelements, wenn es keinen Tastaturfokus hat.

Focused

Das Aussehen des PasswordBox-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 PasswordBox-Steuerelement befindet.

Das PasswordBox-Steuerelement kann in einem der drei folgenden Status der Statusgruppe ValidationStates sein:

Zustandsname

Beschreibung

Valid

Das Aussehen des PasswordBox-Steuerelements, wenn es gültig ist.

InvalidUnfocused

Das Aussehen des PasswordBox-Steuerelements, wenn es ungültig ist und keinen Tastaturfokus hat.

InvalidFocused

Das Aussehen des PasswordBox-Steuerelements, wenn es ungültig ist und Tastaturfokus hat.
Ee341382.alert_tip(DE-DE,Expression.30).gifTipp:

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 Ee341382.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 PasswordBox-Steuerelement

Führen Sie einen der folgenden Schritte aus, um die Vorlage eines PasswordBox-Steuerelements zu ändern:

  • Ziehen Sie ein PasswordBox-Element Ee341382.343296b4-5c7d-4145-84cc-91b08ba67a1b(DE-DE,Expression.30).png auf die Zeichenfläche und erstellen Sie eine Kopie der Standardvorlage.

    Weitere Informationen finden Sie unter Erstellen oder Bearbeiten einer Vorlage.

  • Entwerfen Sie das Aussehen des PasswordBox-Steuerelements, indem Sie Objekte darauf ziehen oder Grafiken importieren, und wenden Sie anschließend den Befehl Steuerelement erstellen an.

Befolgen Sie beim Anwenden des Befehls Steuerelement erstellen folgende Schritte, um sicherzustellen, dass Sie alle Objekte erstellen, die für die PasswordBox-Steuerelementvorlage notwendig sind:

  1. Gruppieren Sie Ihre Objekte in ein Layoutpanel, wählen Sie das Layoutpanel aus, und klicken Sie anschließend im Werkzeugmenü auf Steuerelement erstellen.

  2. Wählen Sie im angezeigten Dialogfeld PasswordBox, 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.

  3. Nachdem Sie auf OK geklickt haben, gelangt Microsoft Expression Blend in den Vorlagenbearbeitungsmodus und zeigt die Objekte an, aus denen Ihr PasswordBox-Steuerelement besteht.

  4. Wenn die Vorlage ein Objekt enthält, in dem Sie Text anzeigen möchten, wie ein TextBlock-Objekt, klicken Sie mit der rechten Maustaste auf das Objekt, zeigen Sie auf Teil von PasswordBox erstellen, und klicken Sie anschließend auf ContentElement. Sie können auch im Teilepanel auf den ContentElement-Teil doppelklicken, um in der Vorlage ein Grid-Objekt zu erstellen, das als ContentElement-Teil dienen soll. Bearbeiten Sie die Eigenschaften im Eigenschaftenpanel in der Kategorie Layout, um das neue Grid-Objekt an der gewünschten Stelle anzuzeigen.

  5. Sie können die Vorlage im Vorlegenbearbeitungsmodus 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.

  6. Sie können einige der Pinseleigenschaften von Objekten in der Vorlage an folgende Eigenschaften des PasswordBox-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.

  7. Um den Vorlagenbearbeitungsmodus zu beenden, klicken Sie auf der Breadcrumb-Leiste am oberen Rand der Zeichenfläche auf [PasswordBox] oder klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum AnfangEe341382.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png.

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

Verweise

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

Siehe auch

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente

Formatieren eines Steuerelements, das Vorlagen unterstützt

Zeichnen von Text