Apple iOS的最佳方式/标准大小视图

55ooxyrt  于 2023-06-07  发布在  iOS
关注(0)|答案(1)|浏览(175)

Apple有很多关于最佳实践和设计指南的文档,例如this。但他们并没有真正指定特定UIViews在iOS、iPadOS、macOS等上的实际标准尺寸。我见过的最接近的事情是,UIButton必须有一个至少44x44px的命中目标才能容易选择。
我不太喜欢硬编码UIView.frame值,更喜欢使用自动布局约束。但即使这样,许多视图需要明确地调整大小,我还没有能够找到一个可靠的,官方的来源,例如播放按钮的UIButtons的尺寸。理想情况下,我可以在UIKit中重新创建原生Apple规范,但我不确定如何获得这些特定的值。
任何帮助或洞察力都是非常感谢的。

gz5pxeao

gz5pxeao1#

在iOS开发中,默认情况下已经预先确定了许多大小,允许您利用这些标准大小。例如,默认系统字体的大小为17px,单元格行高度通常为44px,并且表视图分组类型有预定义的偏移量。此外,您可以使用表视图中的节标题的默认字体、颜色和大小。该系统还提供安全区域和边缘,以适应不同屏幕尺寸。
在大多数情况下,视图的大小将受到您使用的文本或设备屏幕大小定义的约束的影响。有时,需要多个尺寸定义来实现单个元素的所需布局。让我们考虑一个例子,您希望在组件的底部放置一个“播放”按钮。以下是您可以根据优先级执行的几个步骤:
首先使用文本确定按钮的大小。考虑在文本周围添加一些插图,在每一侧添加一些像素。请注意,如果文本太小,按钮也可能变得太小。在这种情况下,您可以将按钮限制为最小大小,以确保它保持可见。请记住,通过将按钮限制在屏幕边框内,确保按钮适合各种大小的屏幕。这样,它就不会在较小的屏幕上被切断。通过定义最大按钮大小,解决按钮在较大屏幕(如iPad)上看起来太小的问题。这确保按钮保持适当的视觉比例。通过设置这些优先级并使用系统字体,您的按钮将根据用户手机上的系统首选项定义的辅助功能设置自动调整大小。
根据我的经验,很少有应用程序包含可访问性和基于它的内容大小调整等功能。此外,大多数应用程序不会广泛使用默认大小。例如,当您导航到“App Store”时,您会注意到与“设置”中的单元格相比更大的单元格,通常高度为44px。当前版本的App Store展示了小按钮,如下图所示:

然而,如果你与那些“GET”按钮交互,你会意识到它们可以在视觉边界之外被按下。对44x44px大小的研究更多的是为了确定组件的命中区域,而不仅仅是关注元素的视觉大小。
您的挑战可分为两个方面:视觉表示大小和用于与组件交互的可用区域。Apple建议任何组件的最小按压面积为44x44px。理想情况下,您应该尽可能地扩展交互区域,允许用户轻松地点击单元格或部分。
关于视觉方面,默认文本大小和提供的字形提供了一个很好的起点。结合一些设计技巧,这些默认值应该足以满足大多数应用程序。如果你选择使用SwiftUI,你会发现它设置了更多的默认值,比如堆栈视图中的间距和默认填充。
请记住,要在遵守Apple标准和创建视觉吸引力和用户友好的应用程序体验之间取得平衡。虽然指南和最佳实践很有价值,但考虑应用的独特要求和设计首选项也很重要。

相关问题