abgerundete Kante Grenze wird durch Textbox auf der Grenze

Question

Meine abgerundeter Rand abgeschnitten Grenze von Textbox auf dem Rand abgeschnitten wird

<Grid Background="AliceBlue"> 
    <Border Margin="50,0,50,0" VerticalAlignment="Center" BorderThickness="2" BorderBrush="Blue" CornerRadius="10"> 
     <TextBox Text="2345678" IsReadOnly="True" BorderThickness="0" Background="Transparent"/> 
    </Border> 
</Grid> 

Wenn der Text nicht im Fokus, es perfekt zeigt den abgerundeten Randrand an.

Wie kann ich die Grenze intakt haben, auch wenn sie fokussiert ist?

Answer 1

Die einfachste Lösung ist das Spielen mit den Rändern, das macht den Text nicht kleiner (aber Sie haben vielleicht den Eindruck, dass der Text etwas weiter von der Grenze entfernt ist). Unten ist ein Screenshot ohne und mit Rand.

<Border Margin="50,0,50,0" VerticalAlignment="Center" BorderThickness="2" 
     BorderBrush="Blue" CornerRadius="10"> 
    <TextBox Text="2345678" IsReadOnly="True" BorderThickness="0" 
      Background="Transparent" Margin="4,1"/> 
</Border> 

Das erweiterte Szenario (aber immer noch recht einfach) durch Bearbeitung der Vorlage der TextBox ‚s Stil zu ändern. Sie können von der default template als Anleitung starten. Da Ihre Steuerelemente schreibgeschützt sind, können Sie einfach die Inhalte PointerOver und FocusedVisualStateStoryboard oder zumindest die Animationen auf dem BorderElement entfernen.

<VisualState x:Name="PointerOver" /> 
<VisualState x:Name="Focused" />