Xamarin Forms 中的响应字体大小

Question

我们如何像引导程序一样在 Xamarin forms 中制作响应式字体大小。 如果在较小的设备中，显示小字体。 如果在较大的设备中，则显示较大的字体大小。 是否有任何 nuget package 或工作来源？

Answer 1

为此，您不需要任何 package。 该功能内置于 Xamarin.Forms 中。

根据字体大小的 Xamarin 文档：

大小值以与设备无关的单位测量。 有关详细信息，请参阅测量单位

如果您打开Units of measurement链接，您将看到：

Xamarin.Forms 使用独立于平台的测量单位，可跨设备和平台标准化单位。 在 Xamarin.Forms 中有每英寸 160 个单位，或每厘米 64 个单位。

此外，如果您查看已经预定义的Named font sizes ，您会发现每个内置大小都有一些差异。 这正是幕后发生的事情 - Xamarin 正在相应地“缩放”字体大小，同时考虑到设备的尺寸。

Answer 2

为此，您不需要任何 NuGet package。 如果你想为手机和标签设置不同的尺寸，你可以这样做。

<Label Text = "Hello"
FontSize = "{OnIdiom Phone = 20 Tablet = 72}" />

Xamarin 缩放字体大小，因为单位与设备无关。

Answer 3

以我的经验，我不相信目前有一种方法可以在 Xamarin 中本地进行真正的响应式设计。 希望毛伊岛的情况会有所改善，但我们将不得不拭目以待。 问题是：

• NamedFontSizes未缩放。 换句话说，在较大的设备上，虽然由于密度/尺寸而尺寸会更大，但它不会成比例地变大，从而导致 fonts 有时太小。

• OnIdiom可能在某些情况下有效，但这并不能解决手机之间的差异问题。

我发现唯一与您要查找的内容接近的是carolzbnbr 的 OnScreenSize标记扩展，它在 NuGet 上以“OnScreenSizeMarkup.Forms ”或“ OnScreenSizeMarkup ”的形式提供。

carolzbnbr 写了一篇关于它的博客文章，题为“ Xamarin 应用程序中不同设备尺寸的自适应布局”

该扩展根据尺寸将屏幕尺寸分类为命名尺寸（使用 Xamarin.Essentials），然后添加基于这些尺寸指定唯一值的功能，如下所示：

<Label 
    Text="Sample Text" 
    FontSize="{markups:OnScreenSize DefaultSize=Large, Medium=Large, Large=50, ExtraLarge=70}" 
/>

我还应该提到，您不仅限于将它与 FontSize 一起使用。 您可以在很多地方使用它，甚至可以使用单引号调整左/上/右/下的值：

<label Margin="{markups:OnScreenSize DefaultSize='20,60,20,20', ExtraLarge='40'}" />