.NET Maui中SVG图片BaseSize设置无效问题求助

问题描述 #

我查阅MAUI文档后，了解到使用SVG图片需遵循以下规则：

• SVG文件的实际尺寸基本无关紧要
• 需手动编辑csproj文件，为SVG文件的MauiImage条目添加BaseSize属性
• BaseSize格式为W,H，宽高值需能被8整除
• BaseSize应设为图片的1级缩放尺寸，即类似Xamarin Forms drawable文件夹或iOS资源目录中不带@2、@3后缀的图片尺寸

我按上述要求操作，但修改BaseSize为220,56、180,48、64,64后，图片显示大小均无变化。每次测试前我都清理了解决方案并从Android模拟器卸载应用。

相关csproj配置：

<MauiImage Include="Resources\Images\gbsheader.svg" BaseSize="220,56">
  <CopyToOutputDirectory>Never</CopyToOutputDirectory>
</MauiImage>

对应的XAML代码：

x:Class="GBarScene_Maui.PageHeader">
<ContentView.Content>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="32"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="32"/>
        </Grid.ColumnDefinitions>
        <Image x:Name="imgMenu" Source="hamburgericon.png" HorizontalOptions="Center" VerticalOptions="Center" Grid.Column="0">
            <Image.GestureRecognizers>
                <TapGestureRecognizer Tapped="btnMenu_Tapped" NumberOfTapsRequired="1" />
            </Image.GestureRecognizers>
        </Image>
        <Image x:Name="imgHeader" Source="gbsheader.png" HorizontalOptions="Center" VerticalOptions="Center" Grid.Column="1" />
    </Grid>
</ContentView.Content> 

问题分析与解决 #

核心问题 #

你在XAML中引用的是gbsheader.png，但仅对gbsheader.svg配置了BaseSize。MAUI编译时，若目录中存在同名的PNG文件，会优先使用现成的PNG，而非SVG编译生成的图片，所以修改SVG的BaseSize不会影响显示效果。

解决步骤 #

1. 删除同名PNG文件：检查Resources\Images目录，若存在gbsheader.png，直接删除
2. 修正XAML引用：将图片源改为SVG文件名，即Source="gbsheader.svg"（或简写为Source="gbsheader"，MAUI会自动匹配资源）
3. 彻底清理重建：清理解决方案，卸载模拟器中的应用，再重新编译运行

额外排查点 #

• 确认csproj中没有同时包含同名的PNG和SVG资源，避免资源优先级冲突
• 若仍无效果，手动删除项目的obj和bin目录，清除所有编译缓存

内容的提问来源于stack exchange，提问作者George M Ceaser Jr