ms-appx 不适用于 uwp 资产文件夹中的图像

Question

我在这个问题上遇到了一段时间，我在网上找到的所有似乎都是相同代码的一个小变体，涉及带有 ms-appx 方案或 baseURI 的 URI。但是似乎没有任何效果。

基本上我有一个包含多个页面的 UWP 应用。当我导航到其中一个页面时，我想将应用程序的资产文件夹中的图像添加到此页面上的画布中。当我在 XAML 中执行此操作时，可以毫无困难地添加图形。

<Grid Name="basicGrid" >
    <Grid.Background>
        <ImageBrush ImageSource="/Assets/kamelenrace_background.png"
                    Stretch="UniformToFill"/>
    </Grid.Background>
    <Canvas Name="GameCanvas">
        <Image Source="\Assets\kameel1.png"/>
    </Canvas>
</Grid>

当我尝试在 C# 代码中添加图形时，没有任何效果（我尝试过一个示例）

 private Image player1 = new Image();
    private Image player2 = new Image();
    private bool singlePlayMode;

    public CamelRacePage()
    {
        this.InitializeComponent();

        BitmapImage p1 = new BitmapImage(new Uri("ms-appx:///Assets//kameel1.png"));
        player1.Source = p1;
        Canvas.SetLeft(player1, GameCanvas.Width / 2);
        Canvas.SetTop(player1, GameCanvas.Width / 2);
        GameCanvas.Children.Add(player1);

    }

虽然我现在可以使用 XAML 使其工作，但我真的很想了解为什么 C# 代码不能工作。我还在学习中……

任何帮助将不胜感激......

Answer 1

我真的很想了解为什么 C# 代码不起作用

该问题是由代码 sn-p 设置的 Canvas.Left 和 Canvas.Top 值不正确引起的。由于您没有为GameCanvas 设置Height 和Width 值，因此您将无法获得GameCanvas.Width 值。如果你调试代码sn -p你会发现值是NaN，所以Canvas.Left和Canvas.Top的值是NaN，你看不到Image。

您可以删除代码 sn-p 将起作用的两个代码行。或者，如果您想获得GameCanvas 的实际Width，您应该获得ActualWidth 属性。例如：

Canvas.SetLeft(player1, GameCanvas.ActualWidth / 2);
Canvas.SetTop(player1, GameCanvas.ActualHeight / 2);
GameCanvas.Children.Add(player1);

顺便说一句，使用XAML设置样式和布局会更好。