Das TextBox-Steuerelement

Lies in den Artikel rein und unten bekommst Du ein unschlagbares Angebot!

Das wohl am meisten verwendete Steuer-element ist das TextBox-Steuerelement. Es dient zur Eingabe von Texten und bietet eine Menge von Eigenschaften, Ereignissen und Methoden, um damit zu arbeiten. Sie können ungebundene Textfelder nutzen, um Text einzugeben, der auf bestimmte Weise verarbeitet werden soll oder Textfelder über das Entity Data Model an die Datenquelle binden, um Datenbankinhalte anzuzeigen und zu bearbeiten. Dieser Artikel liefert die Grundlagen zum TextBox-Steuerelement unter WPF.

Ein Textfeld ist unter WPF schnell erstellt. Sie fügen einfach das öffnende und das schließende TextBox-Element in das Grid-Element ein und fügen dazwischen einen Text hinzu:

<Grid>
     <TextBox>Dies ist ein Beispieltext.</TextBox>
</Grid>

Das Textfeld nimmt dann allerdings den gesamten Platz im Grid ein, sodass wir noch ein paar Anpassungen vornehmen. Entweder wir legen die Position und die Größe absolut mit den Eigenschaften Width, Height, Top und Left fest oder wir fügen zum Grid einige Zeilen und Spalten hinzu, damit wir gleich mehrere Steuer-elemente gleichmäßig anordnen können. Wir wählen letztere Alternative, die Sie im Quellcode ansehen können und die im Entwurf wie in Bild 1 aussieht. Hier haben wir noch ein Label-Element in die erste Spalte der ersten Zeile eingefügt und das TextBox-Element in die zweite Spalte der ersten Zeile:

Textfeld mit Bezeichnungsfeld

Bild 1: Textfeld mit Bezeichnungsfeld

<Label>Beispieltext:</Label>
<TextBox Grid.Column="1">Dies ist ein Beispieltext.</TextBox>

Formatierter Text

Unterschiedliche Textformatierungen lassen sich mit dem TextBox-Steuerelement nicht anwenden oder anzeigen. Dazu benötigen wir beispielsweise das RichTextBox-Steuerelement.

Padding: Abstand des Inhalts zum Textfeldrand

Neben den Standardeigenschaften Width, Height, Top und Left benötigen Sie vermutlich noch die Eigenschaften Margin und Padding. Mit Padding stellen Sie den Abstand des Inhalts, also in der Regel des Textes, von den Begrenzungen des Steuerelements ein.

Soll der Abstand oben, unten, rechts und links gleich groß sein, legen Sie es zum Beispiel mit Padding=”3″ fest. Wenn Sie unterschiedliche Abstände wünschen, geben Sie die Werte durch Kommata getrennt an, wobei die Reihenfolge links, oben, rechts und unten lautet.

Margin: Abstand zu den umgebenden Steuerelementen

Mit der Eigenschaft Margin hingegen geben Sie den Abstand an, den das Steuer-element zu den umgebenden Steuerelementen aufweisen soll. Wenn Sie also etwa ein Grid verwenden, um die Steuer-elemente anzuordnen, und keinen Wert für Margin angeben, gibt es keinen Abstand zwischen den Steuerelementen. Um einen solchen Abstand herzustellen, legen Sie also etwa Margin=”3″ fest – so hat das Steuer-element jeweils einen Abstand von 3 zum nächsten angrenzenden Element, in diesem Fall zu den gedachten Linien des Grid-Elements.

Textfeld ausrichten

Für Textfelder gibt es die üblichen Möglichkeiten zur Ausrichtung. Für die horizontale Ausrichtung im Grid verwenden Sie die Eigenschaft HorizontalAlignment mit den Werten Center, Left, Right und Stretch. Für die vertikale Ausrichtung nutzen Sie die Eigenschaft VerticalAlignment mit den Werten Bottom, Center, Stretch und Top.

Text ausrichten

Natürlich können Sie auch den Text im Textfeld ausrichten. Dazu verwenden Sie die Eigenschaft TextAlignment mit den Werten Center, Justify, Left (Standardwert) und Right:

<TextBox Text="Mittig zentrierter Text" TextAlignment="Center"></TextBox>

Inhalt des Steuerelements

Den Inhalt des Steuerelements können Sie, wie oben gesehen, einfach zwischen das öffnende und schließende TextBox-Element einfügen. Dies entspricht der Verwendung der Eigenschaft Text:

<TextBox Text="Dies ist ein Beispieltext."></TextBox>

Eingebautes Kontextmenü

Das TextBox-Steuerelement liefert standardmäßig ein Kontextmenü mit den drei Befehlen Ausschneiden, Kopieren und Einfügen mit, das Sie wie üblich mit einem Klick der rechten Maustaste auf das Steuer-element anzeigen (siehe Bild 2). Dieses Kontextmenü können Sie anpassen. Wie das geht, erklären wir in einem weiteren Artikel namens Kontextmenüs unter WPF (www.datenbankentwickler.net/214).

 

Schreibe einen Kommentar