MAUI可展开卡片尺寸变化时Border.Shadow阴影不更新问题

这个问题是.NET MAUI 框架原生渲染缺陷：Border控件的Shadow效果仅在首次加载时按当前控件尺寸计算绘制边界，后续控件尺寸动态变化时，各平台渲染层不会自动重新计算阴影路径，在Expander这类动态伸缩容器场景下会稳定复现。

推荐修复实现（无额外依赖） #

第一步：补全XAML标记 #

首先给自定义Card控件XAML里的元素补必要标记，同时修正未生效的属性绑定：

1. 给内部的c:Expander控件添加x:Name="CardExpander"，方便代码后置引用
2. 修正StrokeShape的绑定逻辑，你当前代码中对外暴露的CornerRadius属性没有实际生效，修改Border的StrokeShape属性：

   StrokeShape="RoundRectangle {Binding CornerRadius, Source={x:Reference CardHeader}}"
   

第二步：添加阴影强制重绘逻辑 #

在Card.xaml.cs代码后置文件中，添加展开状态和尺寸变化的监听，在控件尺寸稳定后重置Shadow属性触发平台层重绘：

public Card()
{
    InitializeComponent();

    // 监听展开/收起状态变化
    CardExpander.ExpandedChanged += (_, _) =>
    {
        // 延迟到展开动画结束、布局完成后执行，避免闪烁
        Dispatcher.DispatchDelayed(TimeSpan.FromMilliseconds(250), RefreshShadow);
    };

    // 兜底监听所有尺寸变化场景（异步加载内容、系统字体缩放等）
    border.SizeChanged += (_, _) =>
    {
        Dispatcher.DispatchDelayed(TimeSpan.FromMilliseconds(50), RefreshShadow);
    };
}

private void RefreshShadow()
{
    if (border.Shadow == null) return;
    // 临时移除再重新赋值阴影，强制触发平台渲染层重新计算绘制边界
    var cacheShadow = border.Shadow;
    border.Shadow = null;
    border.Shadow = cacheShadow;
}

注意事项 #

• 延迟时长可根据你设置的Expander动画时长调整，比动画总时长长30-50ms即可，避免动画过程中重绘导致的视觉跳变。
• 不要尝试通过InvalidateMeasure()、平台原生控件重绘方法修复，这类方法只会触发布局重算，不会触发Shadow的渲染路径更新，只有重新赋值Shadow属性才能让各平台渲染引擎重新生成匹配当前尺寸的阴影。
• 若使用MAUI 7及更早版本，圆角阴影本身存在平台渲染偏差，升级到MAUI 8.0+稳定版本即可自动修复。

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