动态 XAML 加载和外部图像和字体

Question

我有这个目录结构：

c:\app\program.exe
c:\app\assets\layout.xaml
c:\app\assets\videos\video.mp4
c:\app\assets\image\image.png

layout.xaml 包含：

<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Image Source="assets/image/image.png" />
    <MediaElement Source="assets/videos/video.mp4" />
</Grid>

我使用加载layout.xaml

using (var sr = new StreamReader(@"c:\app\assets\layout.xaml"))
{
    var pnl = (Panel)XamlReader.Load(sr.BaseStream);
    SomeOtherGrid.Children.Add(pnl);
}

视频会显示，但图像不会。如何让图像显示，为什么视频显示而图像不显示？

编辑： 我知道行和网格是如何工作的。我知道在这种情况下视频将位于图像之上。我要问的是：为什么视频显示而图像不显示。它们的来源完全相同。

编辑 2： 显然，您必须对外部资源使用这种荒谬的“打包”格式： pack://siteoforigin:,,,/assets/videos/video.mp4

这适用于图像和视频，但不适用于字体： pack://siteoforigin:,,,/assets/fonts/intelclear/#Intel Clear Pro

他们为什么把这件事弄得如此复杂？如果是相对路径，为什么不直接从二进制文件的根目录加载？

Answer 1

MediaElement 最终将位于 Image 元素之上，因为您将它们添加到同一个网格中。

您应该使用两个 RowDefinition 并将 MediaElement 的附加属性 Grid.Row 设置为 1 以将其放在 Image 下方的第二行：

<Grid xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Image Source="image/image.png" />
    <MediaElement Source="videos/video.mp4" Grid.Row="1" />
</Grid>

如果您发布的示例路径正确，您还应该从路径中删除尾随的“资产”。来自Layout.xaml 的图片的相对路径是“image.png”。