скругленная граница при выдаче текстового блока

Question

Я пытаюсь дать моим текстовым блокам скругленные границы.Из того, что я исследовал, я должен встроить текстовый блок в тег границы, а затем установить угловой радиус границы.Для меня это эффект наложения границы вокруг всего ряда.Что я делаю неправильно?Я установил цвет границы на синий, чтобы показать, что происходит.В идеале я бы поменял его на тот же цвет, что и фон текстового блока, чтобы просто придать ему бесшовные закругленные углы.

<Grid>                
   <Grid.RowDefinitions>
       <RowDefinition Height="Auto"></RowDefinition>                   
   </Grid.RowDefinitions>


   <Border Grid.Row="0" Margin="25" Grid.Column="1" Background="Blue"
           BorderThickness="1" BorderBrush="Red"  CornerRadius="30">
           <TextBlock  Margin="50" Padding="200,0,200,0"
                       FontSize="100"
                       FontWeight="Bold"
                       Background="Black"
                       Foreground="White"    
                       VerticalAlignment="Center"
                       Text="bla bla bla"
                       HorizontalAlignment="Center">
           </TextBlock>
    </Border>
</Grid>

Answer 1

Лучший способ сделать это - создать копию стиля по умолчанию для TextBox и изменить границу в шаблоне ControlTemplate.Вот простое приложение, в котором стиль TextBox по умолчанию извлечен и изменен для закругления углов.

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
        <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
        <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
        <Style x:Key="TextBoxStyle1" TargetType="{x:Type TextBox}">
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
            <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="AllowDrop" Value="true"/>
            <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
            <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True" CornerRadius="5">
                            <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
                        <Condition Property="IsSelectionActive" Value="false"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
                </MultiTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <TextBox Margin="10" Style="{DynamicResource TextBoxStyle1}" Text="bla bla bla"></TextBox>
        </StackPanel>
    </Grid>
</Window>

Если вы хотите, чтобы этот стиль применялся ко всем текстовым полям в вашем приложении, вы должны переместить стиль в словарь ресурсов и удалить x: Key = "TextBoxStyle1" из определения стиля.Затем он будет применяться ко всем TextBox по умолчанию и избавит от необходимости устанавливать стиль для каждого из них.

Answer 2

Посмотрите на значения HorizontalAlignment / VerticalAlignment как для сетки, так и для границы.Установите все, что наиболее соответствует вашим требованиям.

Инструмент, такой как Kaxaml , отлично подходит для того, чтобы поиграть с подобными вещами, не создавая целое приложение.