WPF：在元素内添加边框

Question

我想知道是否有办法在图像内添加边框。当位置设置为内部时，我想要类似 Photoshop 中的“描边”效果，即必须将其绘制在图像上。是否可以？

谢谢。

Answer 1

您可以将边框放在图像的顶部：

<Grid>
 <Image/>
 <Border/>
</Grid>

如果您已经设置了 a CornerRadius，并且想要将 隐藏Image在角落里，那就更复杂了，但是您可以设置另一个Border与OpacityMask您的几乎相同的Image：

<Grid>
    <!-- I used Rectangle instead of Image for the example -->
    <Rectangle Width="50" Height="50" Fill="Red">
        <Rectangle.OpacityMask>
            <VisualBrush>
                <VisualBrush.Visual>
                    <Border Width="50" Height="50" Background="Black" 
                            CornerRadius="10"/>
                </VisualBrush.Visual>
            </VisualBrush>
        </Rectangle.OpacityMask>
    </Rectangle>
</Grid>