如何创建一个具有背景和不透明度的简单布局，例如TextBlock？

Question

如图片所愿，文本长度可能会根据从服务器返回的数据而变化。因此灰色背景可以随文本长度一起伸展。

另一方面，背景不透明。 如果我使用：

<Border Background="Gray" Opacity="0.6">
    <TextBlock Text="{x:Bind name}"/>
</Border>

此结果TextBlock也具有不透明度。

如果我使用

<Border Background="Gray" Opacity="0.6"/>
<TextBlock Text="{x:Bind name}"/>

如果文本长度很长，则背景边框不会调整其长度。

这将在GridView模板中使用，因此请使其尽可能干净。

那么有人有想法吗？谢谢。

Answer 1

您可以创建具有透明度的颜色资源：

<SolidColorBrush Color="Gray" Opacity="0.6" x:Key="GrayOpacityColor"/>

用法

<Border Background="{StaticResource GrayOpacityColor}">
    <TextBlock Text="{x:Bind name}"/>
</Border>

最诚挚的问候。