Xamarin.form 在 iOS 模拟器和 xaml 预览上显示不同的 UI

【问题标题】：Xamarin.form shows different UI on iOS Simulator and xaml previewXamarin.form 在 iOS 模拟器和 xaml 预览上显示不同的 UI
【发布时间】：2017-08-30 15:00:47
【问题描述】：

我正在使用 Xamarin Studio version6.2.1 并致力于 xamrin.form。我通过专注于预览来创建 xaml 设计，但是当我在 iOS 模拟器上运行相同的代码时，UI 分散，而 Android 设备具有与预览中所示相同的 UI。 检查屏幕上的蓝色区域和背景图片。

【问题讨论】：

标签： c# xamarin xamarin.ios xamarin.forms ios-simulator

【解决方案1】：

这可能是因为 iOS 模拟器和 XAML 预览器的大小不同。确保您的 XAML 代码是响应式的。希望对您有所帮助！

【讨论】：

我认为 Xamarin 中的 XAML 预览器没有任何大小选项，如果有，请告诉我。

【解决方案2】：

这是因为图像分辨率高于屏幕尺寸。

在图像标签中尝试 Aspect="AspectFit"。

<Image Source="Background.png" Aspect="AspectFit"></Image>

欲了解更多信息，请查看下面的链接。

https://developer.xamarin.com/guides/xamarin-forms/user-interface/images/

【讨论】：

感谢@Waleed，它对我有用。你能否说明为什么 XAML 预览和 iOS 模拟器有不同的 UI。