如何将CornerRadius设置为50%？（附XAML代码示例）

嘿，我来帮你搞定这个问题！首先得明确：在WPF中，CornerRadius属性不支持直接使用百分比值——你写的CornerRadius="50%"会被判定为无效值，没法得到预期的圆形边框效果。不过根据你的场景，有两种实用的实现方式：

方法一：固定尺寸正方形直接设半值 #

如果你的Border是固定尺寸的正方形（比如示例里宽高都是20），直接把CornerRadius设为宽/高的一半就好，这是最省心的办法：

<Border Width="20" Height="20" CornerRadius="10" BorderBrush="White" BorderThickness="1">
    <ContentPresenter></ContentPresenter>
</Border>

因为正方形的半宽就是它的外接圆半径，这样设置后就能得到完美的圆形边框。

方法二：自适应动态尺寸（用值转换器） #

如果Border的尺寸会动态变化，或者你想让圆角始终是最短边的50%，可以用值转换器实现自适应效果：

首先创建一个转换器类：

public class CornerRadiusConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is FrameworkElement element)
        {
            // 取宽高中的较小值，计算半值作为圆角半径
            double minSize = Math.Min(element.ActualWidth, element.ActualHeight);
            return new CornerRadius(minSize / 2);
        }
        return new CornerRadius(0);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后在XAML中引用这个转换器，并绑定到Border的实际尺寸：

<!-- 在资源中声明转换器 -->
<Window.Resources>
    <local:CornerRadiusConverter x:Key="CornerRadiusConverter"/>
</Window.Resources>

<!-- 使用转换器设置自适应圆角 -->
<Border Width="20" Height="20" 
        CornerRadius="{Binding RelativeSource={RelativeSource Self}, Path=ActualWidth, Converter={StaticResource CornerRadiusConverter}}"
        BorderBrush="White" BorderThickness="1">
    <ContentPresenter></ContentPresenter>
</Border>

这样不管Border的宽高怎么变化，圆角都会自动调整到最短边的50%，实现自适应的圆形效果。

补充说明 #

如果是在MAUI或UWP环境中，CornerRadius原生支持百分比值，你最初写的CornerRadius="50%"代码可以直接生效，但WPF目前还不支持这个语法，所以需要用上面的方法替代。

内容的提问来源于stack exchange，提问作者grj001