Xamarin.Forms特定内容页图片不显示及Grid背景设置异常求助

一、特定页面图片不显示？试试这些排查步骤 #

我之前也踩过类似的坑，给你梳理几个最常见的原因和解决思路：

• 先盯紧资源嵌入配置：确保你的图片在PCL项目里的Build Action设置为Embedded Resource，引用路径必须带项目命名空间！比如图片放在Images文件夹下，就得这么写：ImageSource.FromResource("YourProjectNamespace.Images.YourImage.png")，命名空间写错的话，系统根本找不到资源。
• 排查布局层级冲突：如果这个页面嵌套在NavigationPage或者TabbedPage里，说不定上层有透明遮罩或重叠布局把图片盖住了？你可以临时把图片挪到布局最上层测试，排除层级遮挡的问题。
• 平台资源适配要到位：虽说用的是PCL，但不同平台对图片有特殊要求——比如iOS需要@2x、@3x的适配图，Android要放在对应分辨率的drawable文件夹里。检查下各平台项目的资源配置有没有遗漏。
• 绑定逻辑别掉链子：如果是用绑定设置图片源，记得检查绑定的属性有没有实现INotifyPropertyChanged，会不会是属性值为空导致图片没加载出来？

二、Grid背景设置出问题？从这几点入手 #

先看你贴的代码片段：

<Grid BackgroundColor="White" RowSpacing="0">
    <Grid.RowDefinitions>
        <RowDefinition Height="1*" />
        <RowDefinition Height="9*" />
    </Grid.RowDefinitions>
    <Grid x:Name="HeaderLayout" Grid.Row="0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="6*" />
            <!-- 代码截断部分 -->

大概率是这些原因导致的异常：

• 子布局把父Grid背景盖住了：你看看HeaderLayout这个子Grid有没有设置自己的背景色？如果它的背景不是透明的，直接会把父Grid的白色背景挡住。要么把子Grid的BackgroundColor删掉，要么设为Transparent试试。
• 边距/间距搞的鬼：虽然你设了RowSpacing="0"，但如果子控件有Margin或者Padding，可能会留出奇怪的间隙，看起来像是背景有问题。检查下子控件的边距设置。
• 平台渲染器的小差异：有些平台对Grid的背景渲染有特殊要求，比如Android那边可能需要把Grid的IsClippedToBounds设为True，避免背景溢出或者显示异常。
• XAML语法有没有问题：你贴的代码没写完，会不会是后面有未闭合的标签？比如第三个ColumnDefinition没写完，或者子控件的布局语法出错，导致整个Grid渲染异常？先把XAML补全，检查下语法正确性。

小技巧 #

如果还是找不到问题，就简化布局试试：先只保留一个带白色背景的空Grid，看看能不能正常显示，然后逐步添加子控件，加一个测试一个，这样就能精准定位到是哪个控件导致的问题啦。也可以用Visual Studio的布局检查工具，查看Grid的实际渲染属性，确认背景色是不是真的被应用了。

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