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

【问题标题】：How to create a simple layout like a TextBlock with background and opacity?如何创建一个简单的布局，如具有背景和不透明度的 TextBlock？
【发布时间】：2020-04-14 14:59:25
【问题描述】：

如图所示，文字长度可能会根据服务器返回的数据而变化。所以灰色背景可以随着文本长度而拉伸。

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

<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 模板中使用，因此请尽可能保持干净。

所以有人有想法吗？谢谢。

【问题讨论】：

标签： xaml uwp uwp-xaml

【解决方案1】：

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

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

用法

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

最好的问候。

【讨论】：

谢谢兄弟，这是最好的解决方案。