设置 WPF 标签内容 Alpha 透明度而不是整个控件的不透明度

Question

我正在尝试将标签的内容设置为不可见，以便我可以将其覆盖在后面的内容上。例如，控件的背景是纯色，但文本具有 alpha 透明度，可以让我看透整个控件（就像 Photoshop 技巧一样）。这样，可以看到具有可变背景的动态内容。我将此模式应用于 PNG 文件，但是当内容需要更改时显然不会这样做。这个问题的一个很好的例子（因为我不太擅长问它）可以在这里找到......但是，当然，这是针对 css 的。 (How to make "see through" text?) 对此的任何帮助将不胜感激

Answer 1

所以我找到了解决这个问题的方法...... 诀窍是使用 Clip 而不是 OpacityMask。

先看布局：

<Grid Background="Red">
    <Border Background="White" Name="targetImage" VerticalAlignment="Center" Height="200"/>

    <Button VerticalAlignment="Bottom" Content="render" Click="ButtonBase_OnClick"></Button>
</Grid>

这里有红色背景的网格可以作为你的背景图片！ 它里面的边框用白色覆盖它。 然后我放了一个按钮，按下时从边框中删除我们想要的文本。

这里是按钮点击事件的代码：

private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
    {
        Typeface face = new Typeface("Candara");
        FormattedText tx = new FormattedText("Hello", Thread.CurrentThread.CurrentUICulture, FlowDirection.LeftToRight, face, 70, Brushes.Black);
        Geometry textGeom = tx.BuildGeometry(new Point(0, 0));
        Rect boundingRect = new Rect(new Point(-100000, -100000), new Point(100000, 100000));
        RectangleGeometry boundingGeom = new RectangleGeometry(boundingRect);
        GeometryGroup group = new GeometryGroup();
        group.Children.Add(boundingGeom);
        group.Children.Add(textGeom);
        targetImage.Clip = group;   


    }

它基本上是在创建一个文本！然后我们需要反转掩码。 使用 boundingRect 的帮助完成反转。

编辑：差点忘了。您可以将所有这些逻辑放在用户控件中。并在每次用户控件的 Text 属性更改时运行此代码。

玩得开心；）