来自Assets文件夹的图像在UWP应用中不起作用

Question

图像在MainPage中正常工作，但是我试图将其集成到Navigational Panel Templete中，但图像不显示。谁能建议我可能是什么问题。

Templete正在使用FRAMES，但这不应该成为问题。

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>

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" />时，它将搜索当前文件夹中的资源。但是当前文件夹中没有此类资源，因此它将无法正常工作。