MAUI Content Page中Button的PointerOver视觉状态失效求助

开发MAUI应用时，为多个Button配置了视觉状态，Normal状态下背景色Lime显示正常，但鼠标悬停时无法触发PointerOver状态切换为LightBlue背景色。已尝试以下方案均未解决：

• 为单个Button独立设置视觉状态
• 通过Style统一为所有Button配置视觉状态
• 直接复制微软官方视觉状态示例代码

相关XAML代码如下（修正了原代码中的输入错误）：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="New.BBM.HMI.MAUI.Pages.Home"
             Title="Home"
             Shell.NavBarIsVisible="False">
    <ContentPage.Resources>
        <Style x:Key="navButtons"
            TargetType="Button">
            <Setter Property="TextColor" Value="Black"/>
            <Setter Property="FontFamily" Value="BankGothicMedBT"/>
            <Setter Property="HeightRequest" Value="70"/>
            <Setter Property="FontSize" Value="Small"/>
            <Setter Property="BorderColor" Value="Black"/>
            <Setter Property="VisualStateManager.VisualStateGroups">
                <VisualStateGroupList>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="Lime" />
                            </VisualState.Setters>
                        </VisualState>

                        <VisualState x:Name="Focused">
                            <VisualState.Setters>
                                <Setter Property="FontSize" Value="36" />
                            </VisualState.Setters>
                        </VisualState>

                        <VisualState x:Name="Disabled">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="Pink" />
                            </VisualState.Setters>
                        </VisualState>

                        <VisualState x:Name="PointerOver">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="LightBlue" />
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateGroupList>
            </Setter>
        </Style>
    </ContentPage.Resources>
    <Grid BackgroundColor="WhiteSmoke" RowDefinitions="20*,*" ColumnDefinitions="1.5*,15*,5*" ColumnSpacing="5">
        <!--Left side Nav bar-->
        <Grid x:Name="navBar" Margin="5,5,0,0" VerticalOptions="Start" RowSpacing="10" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto">
            <ImageButton x:Name="imgLogo" Clicked="GoToWebsite" Source="icon.png" HeightRequest="70" />
            <Button x:Name="btnHome" Clicked="GoToHome" Text="Home" Grid.Row="1" BorderWidth="2" Style="{StaticResource navButtons}" />
            <Button x:Name="btnToolPage" Clicked="GoToToolPage" Text="Tool&#10;Page" Grid.Row="2" Style="{StaticResource navButtons}" />
            <Button x:Name="btnMessages" Clicked="GoToMessages" Text="Messages" Grid.Row="3" Style="{StaticResource navButtons}" />
            <Button x:Name="btnLaser" Clicked="GoToLaser" Text="Laser" Grid.Row="4" Style="{StaticResource navButtons}" />
            <Button x:Name="btnSettings" Clicked="GoToSettings" Text="Settings" Grid.Row="5" Style="{StaticResource navButtons}" />
        </Grid>
        <!--Center Div-->
        <Grid Grid.Column="1" Grid.Row="0" BackgroundColor="Blue">
            
        </Grid>
        <!--Right side Operator Panel-->
        <Grid Grid.Column="2" BackgroundColor="Yellow">

        </Grid>
    </Grid>
</ContentPage>

解决思路 #

• 确认MAUI版本：PointerOver状态仅在.NET MAUI 6及以上版本支持，检查项目所使用的MAUI SDK版本是否达标。
• 验证测试平台：PointerOver是桌面平台（Windows/macOS）专属状态，移动平台（Android/iOS）不会触发，确保你在桌面环境测试。
• 检查控件可交互性：确保Button未被上层控件遮挡，显式设置InputTransparent="False"保证能接收鼠标事件。
• 重写Button模板：MAUI默认Button的内置模板可能与自定义视觉状态冲突，尝试完全重写ControlTemplate，在模板内定义视觉状态：

<Style x:Key="navButtons" TargetType="Button">
    <Setter Property="TextColor" Value="Black"/>
    <Setter Property="FontFamily" Value="BankGothicMedBT"/>
    <Setter Property="HeightRequest" Value="70"/>
    <Setter Property="FontSize" Value="Small"/>
    <Setter Property="BorderColor" Value="Black"/>
    <Setter Property="BorderWidth" Value="2"/>
    <Setter Property="ControlTemplate">
        <ControlTemplate>
            <Border x:Name="ButtonBorder"
                    Background="{TemplateBinding Background}"
                    BorderColor="{TemplateBinding BorderColor}"
                    BorderWidth="{TemplateBinding BorderWidth}"
                    WidthRequest="{TemplateBinding WidthRequest}"
                    HeightRequest="{TemplateBinding HeightRequest}">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal">
                            <VisualState.Setters>
                                <Setter TargetName="ButtonBorder" Property="Background" Value="Lime"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="PointerOver">
                            <VisualState.Setters>
                                <Setter TargetName="ButtonBorder" Property="Background" Value="LightBlue"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Focused">
                            <VisualState.Setters>
                                <Setter Property="FontSize" Value="36"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Disabled">
                            <VisualState.Setters>
                                <Setter TargetName="ButtonBorder" Property="Background" Value="Pink"/>
                            </VisualState.Setters>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Label Text="{TemplateBinding Text}"
                       HorizontalOptions="Center"
                       VerticalOptions="Center"
                       TextColor="{TemplateBinding TextColor}"
                       FontFamily="{TemplateBinding FontFamily}"
                       FontSize="{TemplateBinding FontSize}"/>
            </Border>
        </ControlTemplate>
    </Setter>
</Style>

• 排查全局样式冲突：检查项目中是否存在全局Button Style，避免其覆盖自定义样式的视觉状态设置。
• 最小示例测试：创建全新MAUI项目，仅添加一个Button和你的自定义Style，验证PointerOver状态是否正常触发，排除项目其他代码的干扰。

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