挑战:大文本

动态类型允许用户选择屏幕上显示的文本内容的大小。您可以使用此功能来帮助喜欢看较大文字的用户增强阅读体验。此外,您也可以为喜欢看较小文字的用户执行类似的操作,让更多的信息显示在屏幕上。在设计支持动态类型的 app 时,请务必牢记界面的适应性:这样,无论用户喜欢看什么大小的文字,在使用您的 app 时都能拥有良好的体验。

开始挑战

我们为您准备了一个示例 app,其中有一些 UI 元素不适合我们的布局,并严重影响到整个 app 中的文本显示。这些元素会导致文本被截断、溢出屏幕,有时甚至会强制隐藏其他文本元素。然而,只需神奇地轻点一下,您便可以修改屏幕上的元素。在您轻点屏幕后,UI 元素会询问它们该如何改变其行为,并会根据您的选择进行更新。敬请探索各种场景,帮助调整 UI 元素并进一步提高文本的易读性。

WWDC21 Challenge: Large Text Challenge

在完成这些练习的过程中,思考以下几个问题可能会对您有所帮助:

此文本应该被截断,还是应该换行以显示全部? 是否有图像的尺寸变得过大? 我们是否能够滚动浏览要显示的所有文本?

当您考虑在自己的 app 中运用动态类型时,此类问题也是很好的出发点。完成挑战后,我们鼓励您在 Xcode 中探索此项目,并查看我们是如何在每个场景中支持动态类型的;然后建议您再看看自己的 app,能不能将这些概念运用到自己的项目中?

资源

Scaling Fonts Automatically

Read the WWDC21 Challenges Terms and Conditions