C# 图像未显示在XAML代码中

在每个GridViewItem中都不显示图像。在XAML的设计视图中，在VisualStudio中会显示图像，但当我运行代码时，不会显示图像。以下是GridViewItem的代码片段：

<GridViewItem x:Name="Performance" Margin="0,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
     <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
          <Image Margin="0" Source="Images\performanceLaptop.JPG" Stretch="UniformToFill" Width="207" Height="268" />
          <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
               <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Performance" VerticalAlignment="Center" FontSize="26.667"/>
          </Grid>
      </Grid>
</GridViewItem>

全部代码：

    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="ms-appx:/Images/SampleAppBg.jpg"/>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="140"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Sample Text Header " Margin="80,36,870,44" FontSize="50" VerticalAlignment="Center" FontStyle="Italic"/>
            <TextBlock Grid.Column="0" HorizontalAlignment="Left" Margin="80,0,0,10" TextWrapping="Wrap" Text="Sample Category :" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="30" FontStyle="Italic"/>
        </Grid>
        <Grid Grid.Row="1" Background="Transparent" HorizontalAlignment="Left" Height="526" Margin="120,0,0,0" VerticalAlignment="Top" Width="1170">
            <StackPanel HorizontalAlignment="Left" Height="500" Margin="0" VerticalAlignment="Center" Width="1125" Orientation="Horizontal">
                <GridViewItem x:Name="Performance" Margin="0,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="Images\1.JPG" Stretch="UniformToFill" Width="207" Height="268" />
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Performance" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="INSTRUCTIONS" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="2.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Entertainment" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="PLAY" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="3.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Student" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="SETTINGS" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="4.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Professional" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="SCORES" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="5.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Custom" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
            </StackPanel>
        </Grid>
    </Grid>

---

将

源=

属性中的

\

斜杠更改为

/

。重建您的解决方案

<Image Margin="0" Source="Images/performanceLaptop.jpg"  ../>

在项目中，转到文件夹

Images

，用鼠标右键单击

SampleAppBg.jpg

，然后选择“属性”。在“属性”工具窗口中，将文件类型设置为“资源”

对您的文件

performanceLaptop.jpg

执行相同的操作。虽然“资源”是添加文件的默认值

---

在某种程度上打包到您的可执行文件或库中，并在XAML中提供。

哈哈哈，真的吗？：P确实解决了这个问题：D但是斜杠怎么能起作用呢？反斜杠（`\`）不是URI的有效目录分隔符。反斜杠仅在几个Windows文件系统上使用。WPF使用URI定位文件，这与web中使用的URL相同，但与windows上的路径不同：）