You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET MAUI移动端Frame控件内图片无法显示问题求助

.NET MAUI中Frame控件内图片无法显示的排查思路

我在.NET MAUI项目中遇到Frame控件内图片无法显示的问题,图片存放于名为img的文件夹,文件名书写正确,但图片始终无法在Frame内正常显示,恳请各位提供排查思路,谢谢!

相关代码

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="pokeDex.MainPage">
    <ScrollView>
        <VerticalStackLayout>
            <SearchBar Placeholder="Search Pokemons" />
            <Frame BorderColor="Orange" CornerRadius="10" HasShadow="True" Margin="50,10,50,0" Padding="100">
                <Image Source="img\pull-shark-default.png" Aspect="AspectFit"/>
            </Frame>
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>

问题截图

Frame内图片无法显示的问题截图

排查思路

  • 修正路径分隔符:XAML中资源路径需使用正斜杠/,把img\pull-shark-default.png改为img/pull-shark-default.png。
  • 检查图片属性配置:右键项目中的图片文件,确保生成操作设为MauiImage,复制到输出目录设为如果较新则复制或始终复制。
  • 调整Frame的Padding值:当前Frame的Padding="100"过大,可能导致图片被挤压至不可见,尝试减小Padding(如Padding="10")后测试。
  • 规范图片源写法:尝试使用完整资源ID格式(如pokeDex.img.pull-shark-default.png,替换为实际项目命名空间),或在后台代码中用ImageSource.FromResource加载图片,验证资源是否能被正确识别。
  • 清理重建项目:清理项目缓存后重新生成解决方案,避免缓存导致的资源加载异常。
  • 排查平台特定问题:如果仅某一平台(Android/iOS)出现异常:
    • Android:确认图片格式合规,未被自动压缩损坏;
    • iOS:检查图片是否正确添加到Assets目录,资源Bundle配置是否正常。

内容的提问来源于stack exchange,提问作者EavenCS

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 14:15:02