Button的Normal与Pressed视觉状态失效问题求助

问题现象 #

使用以下MAUI按钮代码时，在Windows平台测试出现两个问题：

• Normal和Pressed状态均无法显示阴影
• 按钮按下后松开，TranslationY无法恢复到初始位置

<Button Text="CLICK ME"
        TextColor="White"
        TextTransform="Uppercase"
        FontAttributes="Bold"
        BackgroundColor="#58cc02"
        WidthRequest="120"
        HeightRequest="50"
        CornerRadius="15">

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="Shadow">
                        <Setter.Value>
                            <Shadow Brush="#58a700"
                                    Offset="0,5"
                                    Radius="1" />
                        </Setter.Value>
                    </Setter>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Pressed">
                <VisualState.Setters>
                    <Setter Property="Shadow">
                        <Setter.Value>
                            <Shadow Opacity="0" />
                        </Setter.Value>
                    </Setter>
                    <Setter Property="TranslationY"
                            Value="5" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

</Button>

问题原因 #

1. 阴影不显示：Windows平台对在VisualState中直接赋值Shadow对象的支持存在兼容性问题，无法正确识别状态切换时重新实例化的Shadow。
2. TranslationY无法恢复：Normal状态未显式声明TranslationY的默认值（0），Windows的VisualStateManager不会自动还原未明确设置的属性值。

修复代码 #

调整为默认先绑定Shadow，状态切换时仅修改Shadow的属性，同时在Normal状态显式还原TranslationY：

<Button Text="CLICK ME"
        TextColor="White"
        TextTransform="Uppercase"
        FontAttributes="Bold"
        BackgroundColor="#58cc02"
        WidthRequest="120"
        HeightRequest="50"
        CornerRadius="15">
    <!-- 预先设置默认阴影，替代在Normal状态中实例化 -->
    <Button.Shadow>
        <Shadow Brush="#58a700"
                Offset="0,5"
                Radius="1"
                Opacity="1"/>
    </Button.Shadow>

    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <!-- 显式还原偏移量和阴影透明度 -->
                    <Setter Property="TranslationY" Value="0"/>
                    <Setter Property="Shadow.Opacity" Value="1"/>
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Pressed">
                <VisualState.Setters>
                    <!-- 修改阴影透明度而非重新赋值Shadow对象 -->
                    <Setter Property="Shadow.Opacity" Value="0"/>
                    <Setter Property="TranslationY" Value="5"/>
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
</Button>

修复说明 #

• 预先定义按钮的默认Shadow，Windows平台能正确识别该初始配置，状态切换时仅通过修改Shadow.Opacity控制显示/隐藏，避免了实例化新Shadow的兼容性问题。
• 在Normal状态显式设置TranslationY="0"，确保状态切换时属性值被正确还原，解决了松开按钮后偏移无法恢复的问题。

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