.NET MAUI 8中如何为Border控件添加阴影而非其子元素？

在Android平台上使用Border添加阴影时，若出现阴影覆盖内部子元素的情况，可通过以下方式让阴影仅作用于Border本身：

调整阴影参数 #

过大的Offset和Radius会导致阴影延伸覆盖到子元素区域，缩小参数能让阴影更贴合Border边界：

• 将Offset从20,20改为2,2，减少阴影偏移量
• 降低Radius至4，压缩阴影范围
• 调整Opacity至0.3，让阴影效果更自然

给Border添加Padding #

通过给Border设置少量内边距，让内部布局与Border边缘保持距离，隔离阴影和子元素：

<Border ... Padding="2">

修改后的完整代码 #

<Grid ColumnDefinitions="5*, 2*"
      Margin="10, 10, 10, 5" >

    <Label Text="Your Chores"
           FontSize="Large"
           FontAttributes="Bold" />

    <Border BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource DarkBackground}}" 
            Stroke="{StaticResource ButtonColor}"
            StrokeShape="RoundRectangle 4"
            Grid.Column="1"
            Padding="2">
        <Border.Shadow>
            <Shadow Offset="2,2"
                    Radius="4"
                    Opacity="0.3"
                    Brush="Black" />
        </Border.Shadow>

        <Grid 
            Padding="10, 8, 4, 8"
            ColumnDefinitions="20, *"
            BackgroundColor="Transparent" >

            <Grid HeightRequest="20">
                <Ellipse Fill="{StaticResource ButtonColor}" />
                <Label Text="+"
                       FontAttributes="Bold"
                       HorizontalTextAlignment="Center"
                       VerticalTextAlignment="Center"
                       TextColor="{StaticResource White}" />
            </Grid>

            <Label Text="Add"
                   Grid.Column="1"
                   VerticalTextAlignment="Center"
                   HorizontalTextAlignment="Center"
                   TextColor="{StaticResource ButtonColor}" />

        </Grid>

    </Border>
</Grid>

说明：Android平台的阴影渲染逻辑与其他平台存在差异，调整参数和增加隔离间距是最直接的解决方式；同时确保Border背景为非透明、内部子元素背景为透明，能进一步避免阴影穿透问题。

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