WPF自定义椭圆按钮移除默认StrokeDashArray焦点边框问题

哈哈，这个坑我踩过！WPF自带的Button聚焦边框就是这么顽固，明明你做了漂亮的椭圆按钮，Tab聚焦时偏要跳出个矩形虚线框来捣乱。别慌，咱们分两种方式搞定它：

方法1：直接干掉默认聚焦视觉样式 #

最简单粗暴但有效的办法，就是把Button的FocusVisualStyle设为{x:Null}，直接让默认的矩形边框消失，只保留你自己做的聚焦反馈效果。修改后的XAML代码大概是这样：

<Button Width="100" Height="100" 
        FontFamily="Comic Sans MS" FontSize="20" 
        Margin="0,30,40,35" Content="About"
        FocusVisualStyle="{x:Null}">
    <!-- 你的自定义椭圆样式模板放在这里 -->
</Button>

方法2：自定义适配椭圆的聚焦边框 #

如果你不想完全丢掉聚焦时的虚线边框，而是想让它也变成椭圆形状，和你的按钮轮廓匹配，可以自定义一个FocusVisualStyle。示例代码如下：

<Button Width="100" Height="100" 
        FontFamily="Comic Sans MS" FontSize="20" 
        Margin="0,30,40,35" Content="About">
    <Button.FocusVisualStyle>
        <Style>
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <!-- 这里的Ellipse要和你的Button椭圆尺寸匹配，Margin调整对齐 -->
                        <Ellipse Stroke="Blue" StrokeThickness="2" StrokeDashArray="2 2" 
                                 Margin="-2" 
                                 SnapsToDevicePixels="True"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Button.FocusVisualStyle>
    <!-- 你的自定义椭圆样式模板 -->
</Button>

额外小提示：确保模板内的状态触发正确 #

如果你是在Button的ControlTemplate里用Trigger做的聚焦效果（比如改变椭圆边框颜色、粗细），记得配合FocusVisualStyle="{x:Null}"一起用，这样就能完全用你自定义的状态来反馈聚焦，不会和默认样式打架。比如在模板里加这段触发逻辑：

<ControlTemplate.Triggers>
    <Trigger Property="IsFocused" Value="True">
        <Setter TargetName="EllipseBorder" Property="Stroke" Value="DarkOrange"/>
        <Setter TargetName="EllipseBorder" Property="StrokeThickness" Value="3"/>
    </Trigger>
    <!-- 其他触发效果比如IsPressed的点击反馈也可以放在这里 -->
</ControlTemplate.Triggers>

这样调整后，不管是点击还是Tab键聚焦，都只会显示你自定义的椭圆样式反馈，再也不会出现讨厌的矩形边框啦！

内容的提问来源于stack exchange，提问作者Opeoluwa Iyi-Kuyoro