如何在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（source code here）而不是Android实施的。

由于您已经在<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

您可以使用

一天结束时，您可以通过灵活的标记获得相同的结果。