Xaml TextBlock设置为圆角

vktxenjb  于 2022-12-16  发布在  其他
关注(0)|答案(3)|浏览(210)

我尝试在xaml中设置TextBlock的圆角,但是没有这样的属性。

<Grid x:Name="grdDis" Grid.Row="1">
        <TextBlock Text="Description" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Top" Name="txtDescription" Margin="18,10,0,0" Height="128" Width="445"/>
</Grid>

如何设置文本块的圆角,以及设置文本块的背景色。

vybvopom

vybvopom1#

使用Border

<Border Margin="5" Padding="5" BorderThickness="1" BorderBrush="Red" Background="AntiqueWhite" CornerRadius="10">
        <TextBlock Text="Lorem ipsum"/>
    </Border>

结果:

guicsvcw

guicsvcw2#

对于使用Border元素作为textBlock的父元素,

<Border BorderThickness="1" BorderBrush="Black" Background="Green" CornerRadius="5">
    <TextBlock Text="Description"/>
</Border>

你已经得到了。:)

wfveoks0

wfveoks03#

TextBlock没有这样的属性,但是您可以使用Rectangle的RadiusXRadiusY属性,通过将Rectangle的宽度和高度绑定到Textblock的宽度和高度来执行此操作。

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <TextBlock Name="textBlock" Padding="5,0" Text="This is my TextBlock" Height="30" Width="Auto" VerticalAlignment="Top"/>
        <Rectangle RadiusX="5" RadiusY="5" Width="{Binding Width,ElementName=textBlock}" Height="{Binding Height,ElementName=textBlock}" Stroke="White" StrokeThickness="3" VerticalAlignment="Top"/>
</Grid>

相关问题