资产文件夹中的图像在UWP应用中无法使用

Question

图片在主页面上可以正常显示，但是我正在尝试将其集成到一个导航面板模板中，但是图片无法显示。有人能建议我可能的问题吗？

该模板使用了框架，但这不应该是问题。

XAML代码

<Button Grid.Column="0" Style="{StaticResource NavigationButtonStyle}">
                <StackPanel Orientation="Horizontal">
                    <Image Source="Assets/donut-icon.png" Style="{StaticResource IconImageStyle}" />
                    <TextBlock Text="Donut" Foreground="White" />
                </StackPanel>
            </Button>

样式资源

 <Style TargetType="Image" x:Key="IconImageStyle">
            <Setter Property="Height" Value="20" />
            <Setter Property="Width" Value="20" />
            <Setter Property="Margin" Value="0,0,10,0" />
        </Style>

- Hemant-Webo

Answer 1

我注意到你的页面在 "Pages/Go Nuts" 文件夹中，因此你应该使用以下 URI 获取图片。

<Image Source="ms-appx:///Assets/donut-icon.png" />

<Image Source="/Assets/donut-icon.png" />

当使用<Image Source="Assets/donut-icon.png" />时，它会在当前文件夹中搜索资源。但是在当前文件夹中找不到这样的资源，因此它将无法正常工作。

- Jay Zuo

---

@JayZuo 如果它在资源文件夹中呢？在DRAWABLE图标中呢？ - Jaycee Evangelista

@JayceeEvangelista 我不确定你的资源文件夹和DRAWABLE图标是什么。如果你有任何问题，请随时提出新的问题，并详细说明你的问题，以便我们能够为你提供更多帮助。 - Jay Zuo

如何在解决方案中选择资源：https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/hh965322(v=win.10).aspx - lindexi

它也可以很好地与Xamarin Forms的UWP渲染器配合使用。 - Nuri YILMAZ

如果你正在开发一个库项目，该如何使其工作？我有一个库项目，它有自己的资源文件夹，在该 lib 项目中，我有引用其自身资源文件夹中图像的 xaml 文件。然后有一个 UWP 应用程序项目引用了该库项目。 - Lance