在WPF中如何设置外边框、居中和内边框？

Question

当我为按钮设置边框时，例如，它是外边框。但如果我想让它居中或内部，最简单的方法是什么？

这就是我的意思：

- Michael Haddad

---

你是想实现类似于CSS内嵌效果吗？这可以使用一个元素使用DropShadowEffect来完成，但其他的则需要两个元素，因为Border目前不支持该功能。 - Chris W.

我不这么认为。CSS的inset效果难道不会让边框看起来像3D吗？ - Michael Haddad

如果你设置属性正确的话，它是可以实现的。我可能应该把它比作 box-sizing 属性，在这个属性中，大小包括边框或内容等。没有像你展示的那样允许的边框属性，但如果你能展示你想要的效果，我们很可能可以提供一个简单的替代技术。 - Chris W.

非常感谢。嗯...图片不够清晰吗？ - Michael Haddad

Answer 1

所以为了重现你的例子，这里有一些快速概念示例替代方案。然而，你可以通过多种不同的方式达到相同的效果，但至少在这里有几种选择...

<StackPanel>
    <StackPanel.Resources>
        <Style TargetType="Border">
            <Setter Property="BorderBrush" Value="#570000FF"/>
            <Setter Property="BorderThickness" Value="10"/>
            <Setter Property="Height" Value="50"/>
            <Setter Property="Width" Value="100"/>
            <Setter Property="Margin" Value="10"/>
        </Style>
        <Style TargetType="Rectangle">
            <Setter Property="Stroke" Value="Black"/>
            <Setter Property="StrokeThickness" Value="1"/>
        </Style>
    </StackPanel.Resources>

    <Border>
        <Rectangle/>
    </Border>

    <Border>
        <Rectangle Margin="-5"/>
    </Border>

    <Border BorderBrush="Black" BorderThickness="1">
        <Rectangle Stroke="#570000FF" StrokeThickness="10"/>
    </Border>

</StackPanel>

结果：

希望这能帮到你，祝好。

- Chris W.

---

也许这是同一件事情，但在我的例子中，黑线在所有示例中都是相同的，而蓝色是边框。原理是相同的吗？我对WPF非常陌生，所以这可能是一个愚蠢的问题... 非常感谢！ - Michael Haddad

@Sipo，你用什么作为比较基础？你的每个例子实际上都有两个边框，因为在我遇到的任何情况下，细线和粗线都不会相同，除非是在Adobe Illustrator中制作轮廓路径。例如，如果你做了border: blue 10px solid;的CSS等效样式，你也不能期望在任何地方出现细黑线。 - Chris W.

尝试了您的示例后，我成功地将它们用于我的目的。非常感谢！此外，这个想法来自于Adobe Photoshop中图层混合选项中的描边效果。 :) - Michael Haddad