如何在Blend中制作一个有模糊边缘的形状？

Question

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

它们有锋利的边缘。

我希望他们一起模糊。

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

如何模糊一个矩形的边缘，使两个矩形边缘没有锐边？

Answer 1

添加具有半透明效果的边框。

修改

我在想，不透明会给你带来理想的效果。有OpacityMask和BorderBrush，您可以提供ImageBrush，它可以实现您所追求的更高级效果。

Answer 2

在矩形属性窗口中，转到其他部分，它们是效果属性。选择新建，然后您可以选择模糊效果

您需要注意，这会对性能产生负面影响，特别是如果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调整模糊并调整模糊半径。