如何自动缩放所有分辨率的图像？

Question

我的应用程序页面中有两个图像，一个是固定框架，另一个是不时更改。

我希望页面能够针对所有分辨率自动缩放（WVGA，WXGA，720p）。因此，根据documentation，我不应设置数字，而是使用"Auto"或"*"自动缩放所有分辨率。好的，这对于框架很有用，但内部图片呢？如何将其设置为在边缘的距离内准确位于框架内？

<Image Name="Frame" Source="/MyApplication;component/Assets/Frame.png" HorizontalAlignment="Left" Height="auto" VerticalAlignment="Top" Width="auto"/>
<Image Name="InnerImage" Source="/MyApplication;component/Assets/Pages/10.png" HorizontalAlignment="Left" Height="Auto" VerticalAlignment="Top" Width="Auto" Margin="33,40,33,40"/>

Answer 1

无论分辨率如何，您的应用仍会看到800x480的逻辑像素（或16：9的853），因此您的图像大小不会改变。该文章仅讨论提供更高分辨率的图像，以便在更高分辨率的屏幕（通常尺寸更大）上观看图像时质量更好。在布局和大小方面，无论屏幕分辨率如何，它们都将保持不变。

要对此进行测试，请在您的应用中添加一个图片并在不同大小的多个仿真器上运行它，无论屏幕分辨率如何，您都会看到它保持相同的相对大小。