Xamarin Forms中Image的AspectFill属性在Android模拟器不生效问题

问题排查结论 #

首先可以明确，Xamarin.Forms Android平台的AspectFill属性没有通用已知Bug，你遇到的填充异常是布局配置错误导致的，具体原因和解决方案如下： #

核心原因 #

• AbsoluteLayout的子元素未配置布局约束：默认情况下，AbsoluteLayout中的子元素如果没有显式设置LayoutBounds和LayoutFlags属性，会按照图片的原始尺寸渲染，Image控件自身的尺寸都没有填充满父容器，哪怕设置了AspectFill也无法实现全屏填充效果。
• ContentPage默认边距干扰：Android平台的Xamarin.Forms ContentPage默认会预留状态栏对应的顶部边距，就算布局占满ContentPage也会出现顶部空隙。

修复后的完整代码 #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="HelloWorld2.AbsoluteLayout_Exercise2"
             Padding="0"
             xmlns:iOS="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
             iOS:Page.UseSafeArea="false">
    <AbsoluteLayout>
        <Image Source="AbsoluteLayout_Exercise2.jpeg" 
               Aspect="AspectFill"
               AbsoluteLayout.LayoutBounds="0,0,1,1"
               AbsoluteLayout.LayoutFlags="All"/>
    </AbsoluteLayout>
</ContentPage>

配置说明 #

• 给Image新增的AbsoluteLayout.LayoutBounds="0,0,1,1"和AbsoluteLayout.LayoutFlags="All"属性，会让Image控件的左上角对齐AbsoluteLayout左上角，宽高占满整个AbsoluteLayout容器，先保证控件自身尺寸是全屏大小，AspectFill才能正常生效。
• ContentPage设置Padding="0"取消默认边距，消除Android平台预留的状态栏顶部空隙，新增的iOS相关配置是为了兼容iOS端的安全区域适配，不需要的话可以删除。
• 如果调整后仍有顶部空隙，可以在Android项目的MainActivity中配置状态栏透明，彻底消除系统层面的顶部间距。

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