如何在Windows应用商店应用程序中使用XAML在图像上绘制横幅或其他装饰?

如何在Windows应用商店应用程序中使用XAML在图像上绘制横幅或其他装饰?,xaml,windows-8,windows-runtime,microsoft-metro,winrt-xaml,Xaml,Windows 8,Windows Runtime,Microsoft Metro,Winrt Xaml,以下是我试图实现的基本目标: 我可以得到适当的图像绘制和放置,但我对如何绘制横幅感到困惑。将这两个元素放在一个网格中很容易,但我不知道如何根据加载的图像的纵横比来定位/调整横幅的大小 如果这是WPF,我很确定我可以使用装饰器,但在WinRT中我不确定如何继续。WinRT中没有kuje装饰器。将图像和横幅放置在网格中,将横幅的垂直对齐设置为顶部,水平对齐设置为右侧 如果希望横幅始终保持相同大小,请将“拉伸”设置为“无”。否则,挂接到图像的已加载事件中,您可以在其中获取图像尺寸并相应地设置横幅尺寸

以下是我试图实现的基本目标:

我可以得到适当的图像绘制和放置,但我对如何绘制横幅感到困惑。将这两个元素放在一个网格中很容易,但我不知道如何根据加载的图像的纵横比来定位/调整横幅的大小


如果这是WPF,我很确定我可以使用装饰器,但在WinRT中我不确定如何继续。

WinRT中没有kuje装饰器。将图像和横幅放置在网格中,将横幅的垂直对齐设置为顶部,水平对齐设置为右侧


如果希望横幅始终保持相同大小,请将“拉伸”设置为“无”。否则,挂接到图像的已加载事件中,您可以在其中获取图像尺寸并相应地设置横幅尺寸。

我正在寻找完全使用XAML的方法。它实际上是DataTemplate的一部分,要显示的横幅(如果有)是通过绑定配置的。我需要图像的大小来适当地缩放,所以我想我必须处理加载的事件。我最终将其打包在一个UserControl中,以便将来可以重新访问它。谢谢