以Xamarin形式获取正确的设备宽度

Question

我正在使用Xamarin labs in my Xamarin Forms项目，它有一个类，您可以使用它来请求有关应用程序所在运行设备的信息。

在我的情况下，我想知道设备屏幕的当前宽度。 为此，您需要连接iOS appdelegate中的IDisplay界面，以便在表单代码中使用它。

因此，在我的表单代码中，我通过请求Resolver.Resolve<IDevice>.Display.Width或Resolver.Resolve<IDevice>.Display.XDpi

获得宽度

现在，当在iPhone 6模拟器上运行时，我的宽度为750，XDpi为326。 我现在要做的是使用这两个值中的一个来调整屏幕上的图像大小，以便它们具有屏幕的确切宽度。

var image = new Image (){ Source = "img1.jpg", WidthRequest = _display.Width });

我在ExtendedScrollView

中显示它们

<StackLayout>
    <controlsXLabs:ExtendedScrollView x:Name="ImageScrollView"
                                      Orientation="Horizontal"
                                      AnimateScroll="true"
                                      Scrolled="OnScrolled">
        <StackLayout x:Name="DiscoverImagesStackLayout" Orientation="Horizontal" />
    </controlsXLabs:ExtendedScrollView>
    <Button Text="Click me" Clicked="OnButtonClicked" />
</StackLayout>

但我现在面临的问题是使用宽度（750）是大（视网膜缩放？）而使用XDpi是小的！

换句话说，如何获得可用于匹配图像宽度的实际屏幕宽度？ 或者我做错了什么？

添加了截图，第一个是大，第二个是小（参考屏幕大小）

Answer 1

看起来Xamarin Forms XAML布局使用iOS的点进行测量 - 也就是说，虚拟分辨率然后按比例放大以匹配设备的物理像素。

但是，您使用的Xamarin Forms Labs IDisplay接口返回宽度/高度值是物理像素，这就是为什么一切看起来都那么大。幸运的是，它似乎有一个Scale属性，这是当光栅过程想要组成最终的物理图像时应用于虚拟分辨率的乘数。

因此，只需将Display.Width或Display.Height除以Display.Scale，您就可以获得设备的合成图层用于视口大小的尺寸 - 在您的情况下，它应该是宽度自iPhone 6比例乘数为2时，375点/虚拟单位。

如果您想了解有关iOS的虚拟分辨率如何与物理屏幕尺寸相对应的更多信息，您可以在this link中找到非常详细的原理图。