.NET MAUI中Border替换Frame后内容被隐藏的问题求助

问题原因 #

你遇到的问题主要来自两个核心点：

1. Border默认Padding为0：内部内容会直接贴紧Border边缘，甚至被Stroke（边框）覆盖，视觉上呈现“隐藏”效果；
2. 固定HeightRequest与内部Grid布局冲突：当Border设置了固定高度，Grid里的*行定义会尝试占据剩余空间，但固定高度下剩余空间可能被压缩至0，导致内容无法显示；另外如果内部控件未设置文本颜色，在蓝色背景下可能因颜色相近看起来是白色。

解决方案 #

针对你的代码，做以下修改即可修复：

1. 给Border添加Padding，避免内容被边框遮挡；
2. 调整Grid的RowDefinitions，去掉*（固定高度下*无意义，会挤压内容）；
3. 给内部文本类控件设置TextColor，确保在蓝色背景下可见。

修改后的代码示例：

<Border
     HeightRequest="80"
     Background="blue"
     Stroke="Red"
     Padding="5"> <!-- 添加Padding，让内容和边框之间留空隙 -->
 <Border.Shadow>
     <Shadow Brush="Black"
             Offset="10,10"
             Opacity="0.8" />
 </Border.Shadow>
 <Grid RowDefinitions="Auto,Auto"> <!-- 去掉*，改用Auto适配内容高度 -->
     <StackLayout Grid.Row="0" Grid.Column="0" 
                  Orientation="Horizontal"
                  Margin="15,15,0,0"
                  TextColor="White"> <!-- 设置文本颜色，避免和背景融合 -->
         <!-- 你的内部内容 -->
     </StackLayout>
 </Grid>
</Border>

如果问题仍存在，可以暂时注释Shadow节点测试，某些情况下过大的Shadow Offset可能导致布局计算异常。

.NET MAUI使用Border的最佳实践 #

• 优先用Border替代Frame：Frame是为兼容Xamarin.Forms保留的控件，Border是MAUI原生设计的更灵活控件，支持Shadow、StrokeShape、StrokeThickness等扩展特性；
• 必设Padding：Border默认Padding为0，几乎所有场景下都需要设置合适的Padding，防止内容被边框遮挡；
• 尽量避免固定尺寸：除非有明确UI规范，否则让Border自适应内部内容尺寸，固定Height/WidthRequest容易导致布局溢出或内容挤压；
• 灵活使用StrokeShape：如果需要圆角效果，用StrokeShape替代旧的CornerRadius，比如<Border.StrokeShape><RoundRectangleGeometry CornerRadius="10" /></Border.StrokeShape>，支持单独设置某个角的圆角；
• 注意Shadow性能：在ListView/CollectionView等大量重复的场景中，复杂Shadow会降低性能，建议降低Opacity（比如0.5以下）或减小Offset值。

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