xaml - 如何在 Blend 中使形状边缘模糊？

Question

我在另一个上面有一个矩形。

它们有锋利的边缘。

我想让它们模糊在一起。

似乎有一种方法可以使用“位图效果”来模糊它们，但我在 Blend 的 Rectangle 属性搜索中没有找到它。

如何模糊一个矩形的边缘，使两者在接触的地方没有锋利的边缘？

Answer 1

添加具有半透明的边框。

编辑：

我在想不透明度会给你想要的效果。您可以使用 OpacityMask 和 BorderBrush 提供 ImageBrush 来实现您所追求的更高级的效果。

Answer 2

在Rectangle属性窗口中，转到Miscellaneous部分，它们是一个Effect属性。选择New，你可以选择一个BlurEffect

您需要注意，这会对性能产生负面影响，尤其是在 PC 没有良好显卡的情况下。此外，目前Silverlight 不支持BitmapEffect，因此您必须在另一个图形程序中对其进行模糊处理并仅显示图像。

生成的 XAML 如下所示：

    <Rectangle Fill="#FFFFFFFF" Stroke="#FF000000" HorizontalAlignment="Left" Margin="56,172,0,0" VerticalAlignment="Top" Width="107" Height="36">
        <Rectangle.Effect>
            <BlurEffect/>
        </Rectangle.Effect>
    </Rectangle>

Answer 3

如果您尚未在 Blend 中找到此效果，请执行以下操作。

1. 在 Blend 中选择您的矩形作为当前具有焦点的对象。
2. 从“属性”选项卡中，选择“外观”选项卡下的展开器向下箭头。这将在 StrokeThickness 属性下。
3. 展开区域中的第一项是 BitmapEffect。使用右侧的组合框，从组合框下拉菜单中选择模糊。
4. 您现在可以通过使用 Gaussian 或 Box 并调整模糊半径来调整模糊。