xaml - 如何在 UNO UWP 中设置背景图像？

Question

我正在尝试放置背景图片，到目前为止，我有以下代码：

<Grid.Background>
    <ImageBrush ImageSource="ms-appx:///Assets/Windows-10-Hero-Ninja-Cat-1024x576-03a71eed2a427425.jpg" Stretch="UniformToFill"/>
</Grid.Background>

在 Windows 10 上的 UWP 上以这种方式显示：

但是当我构建 WASM 或 Android 时，背景图像不会出现。

文件属性设置构建操作：内容，复制到输出目录：不复制。

Answer 1

Uno 的 WASM 目标仍处于试验阶段，某些功能尚不可用。唯一尚未实现的背景画笔是SolidColorBrush.

它是为 iOS 实现的（源代码在这里），但不是 Android。

由于您已经在 a 中<Grid>，您可以简单地将图像作为第一个元素：

  <Grid>
    <Image Source="ms-appx:///Assets/Windows-10-Hero-Ninja-Cat-1024x576-03a71eed2a427425.jpg" Stretch="UniformToFill" />
    [... put your other controls here]
  </Grid>

Answer 2

如果您需要为每个平台使用不同的背景方法，请使用 xaml 条件前缀。

https://platform.uno/docs/articles/platform-specific-xaml.html#xaml-conditional-prefixes

您可以使用 <wasm:Image ... />

最终，您可以通过灵活的标记获得相同的结果。