UWP按钮选中时显示边框问题咨询：已设视觉状态但无效

咱们先从你代码里的明显问题入手，一步步排查修复：

1. 先修正语法错误 #

你的PointerFocused视觉状态代码有两处语法问题，这是导致边框不显示的直接原因之一：

• Opacity的Setter没有正确闭合，缺少了结束的括号和引号
• 直接设置Border属性是错误的，ContentPresenter的边框厚度需要用BorderThickness属性，而非Border

修正后的基础视觉状态代码如下：

<VisualState x:Name="PointerFocused">
    <VisualState.Setters>
        <!-- 设置边框的厚度 -->
        <Setter Target="FocusContentPresenter.BorderThickness" Value="1" />
        <!-- 必须指定边框颜色，否则透明边框依然不可见 -->
        <Setter Target="FocusContentPresenter.BorderBrush" Value="White" />
        <Setter Target="FocusContentPresenter.Opacity" Value="1" />
    </VisualState.Setters>
</VisualState>

2. 确认模板中存在FocusContentPresenter元素 #

你的Setter目标FocusContentPresenter必须是按钮ControlTemplate里真实存在的元素，否则Setter找不到目标对象。检查你的ButtonStyle的ControlTemplate部分，确保包含命名为FocusContentPresenter的ContentPresenter（或边框容器），示例模板结构如下：

<ControlTemplate TargetType="Button">
    <Grid>
        <!-- 其他视觉元素 -->
        <ContentPresenter x:Name="FocusContentPresenter" 
                          BorderThickness="0"
                          BorderBrush="Transparent"
                          Content="{TemplateBinding Content}" />
        <!-- 其他视觉元素 -->
    </Grid>
</ControlTemplate>

3. 区分状态：PointerFocused vs Pressed #

你提到的"点击按钮"对应的是Pressed状态，而PointerFocused是指针（鼠标/触摸）悬停且控件获得焦点的状态。如果需要点击（按下）时显示边框，需要同时配置Pressed视觉状态：

<VisualState x:Name="Pressed">
    <VisualState.Setters>
        <Setter Target="FocusContentPresenter.BorderThickness" Value="1" />
        <Setter Target="FocusContentPresenter.BorderBrush" Value="White" />
    </VisualState.Setters>
</VisualState>

4. 检查边框是否被遮挡 #

有时候即使设置了边框，也可能被按钮的Background或上层元素遮挡。可以调整FocusContentPresenter的层级，确保它处于模板的最上层：

<ContentPresenter x:Name="FocusContentPresenter" 
                  Panel.ZIndex="1"
                  BorderThickness="0"
                  BorderBrush="Transparent" />

5. 验证样式的继承与应用 #

确认你的ButtonStyle是基于UWP默认按钮样式修改的，没有丢失必要的模板结构。如果是完全自定义样式，要确保包含所有基础视觉状态和核心模板元素。

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