如何在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时，背景图片没有显示出来。

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

- Tony

---

现在在更近期的Uno版本中应该可以工作了。 - Carl de Billy

Answer 1

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

它已经在iOS上实现（这里有源代码），但尚未在Android上实现。

由于您已经在一个<Grid>中，您可以将图像放在第一个元素位置：

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

- Carl de Billy

---

我敢打赌你可以帮我这里解决问题。 - Shimmy Weitzhandler

Answer 2

若需要为不同平台使用不同的背景方法，请使用XAML条件前缀。

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

你可以使用 <wasm:Image ... />。

到最后，你可以通过灵活的标记获得相同的结果。

- Murilo Maciel Curti