Nachdem ich so manches Tutorial gesehen habe um folgenden Effekt zu erreichen, dachte ich mir das muss auch einfacher gehen. Und so habe ich auf recht simpler Art heraus gefunden wie man eine TextBox runde Ecken verleihen kann.
Dazu habe ich einen Border angelegt welcher die Farbe, die Randstärke und den Radius der Rundung bestimmt (CornerRadius=”10,0,10,0″ BorderThickness=”1″ BorderBrush=”Orange”). Dann eine TextBox welche die Größenangabe des Borders erbt.
Dann musste ich noch den Rand der TextBox mit BorderThickness=”0″ ausblenden und mit VerticalAlignment=”Center” in dem Border vertikal zentrieren.
Nun, ich hatte aber noch das Problem das rechts und links etwas über den Rand “schmierte” und so gab ich der TextBox einfach einen Transparenten Hintergrund.
1 2 3 4 5 | <Border CornerRadius="10,0,10,0" Height="50" Width="200" BorderThickness="1" BorderBrush="Orange"> <TextBox BorderThickness="0" Foreground="Orange" FontSize="16" VerticalAlignment="Center"> <TextBox.Background><VisualBrush /></TextBox.Background> </TextBox> </Border> |
Fertig ist die TextBox mit runden Ecken : )
