Xamarin Forms：在 iPad 上运行应用程序时的 UI 问题答案

【问题标题】：Xamarin Forms: UI issue when running app on iPadXamarin Forms：在 iPad 上运行应用程序时的 UI 问题
【发布时间】：2019-11-29 19:39:25
【问题描述】：

我的应用 UI 在移动屏幕设备上运行良好。但是在平板电脑等大屏幕设备上运行时，用户界面看起来并不好。平板电脑上的文字很难阅读，图标也很小。如果我增加平板电脑的图标大小和字体大小，它也会影响小屏幕设备。

截图：

见上面的截图：在 iPhone 上，阅读文字和查看图标非常容易。但在 iPad 上，文本和图标的格式不太好。

我的应用程序主要面向儿童，因此我需要可读性好的图标和文本。那么如何在所有设备中解决这个问题呢？

在 here 上上传了我的 XAML 文件。

【问题讨论】：

【解决方案1】：

在 Xamarin.Forms 中分离 iPhone 和 iPad 的 UI 非常复杂。您可以使用 Device 类。

Device 类包含许多属性和方法，可帮助开发人员在每个平台上自定义布局和功能。

在你的情况下，你可以使用 Device.Idiom 。

例如，如果您想在 iPad 和 iPhone 上设置不同的字体大小

<Label.FontSize>
   <OnIdiom x:TypeArguments="x:Double"
            Phone="20"
            Tablet="40"/>
</Label.FontSize>

您可以在 xaml 或后面的代码中设置不同的属性值。有关更多详细信息，您可以查看https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/device#deviceidiom

【讨论】：