WPF Border 实现图片背景且圆角边框背景不溢出

WPFBorder圆角边框圆角溢出不

编程开发 2020-09-22 2332

Border设计圆角边框会遇到如下图的情况内部的控件会溢出遮盖border的边框

如下皮卡丘图片包围图片控件的圆角border控件圆角部分被图片四角覆盖也就是所谓的边界圆角溢出

Border设计圆角边框会遇到如下图的情况内部的控件会溢出遮盖border的边框

Border实现圆角边框内部控件溢出不显示代码如下：

<Border x:Name="border" Padding="0" 
BorderBrush="Black" BorderThickness="3" 
Width="300" Height="300" VerticalAlignment="Center" 
HorizontalAlignment="Center" CornerRadius="20">
            <Image  Source="1.png" Stretch="UniformToFill">
                <Image.Clip>
                    <RectangleGeometry 
					RadiusX="{Binding ElementName=border,Path=CornerRadius.TopLeft}" 
					RadiusY="{Binding ElementName=border,Path=CornerRadius.TopLeft}" 
					Rect="0,0,294,294" />
                </Image.Clip>
            </Image>
</Border>