web-dev-qa-db-ja.com

Xaml TextBlockが丸い角を設定

TextBlockxamlの角を丸く設定しようとしています。しかし、そのような特性はありません。

<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>

TextBlockの角を丸くするにはどうすればよいですか。また、TextBlockの背景色を設定します。

24
Ajay

Border を使用:

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

そのためには、Border要素をtextBlockの親として使用します。

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

あなたはすでにそれを手に入れました。 :)

4

TextBlockにはそのようなプロパティはありませんが、RectangleのRadiusXおよびRadiusYプロパティを使用して、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>
2
Amit Singh