TabBar图像应该是多大？

Question

我有一个大小为100的tabBar的图标.

我检查了Apple的人机界面指南,它说图像大小应为30x30/ 60x60.

但是当标签栏控制器的高度为50时,我将图像的大小保持为50x50.

现在,当我运行项目时,我看到下面的丑陋设计:

知道我应该使用什么尺寸的图像,以便设计完美吗？

注意:我也不写文本(例如Home,Search等).选项卡按钮的文本位于图像本身.

Answer 1

根据Apple人机界面指南:

@ 1x:约25 x 25(最大值:48 x 32)

@ 2x:约50 x 50(最大值:96 x 64)

@ 3x:约75 x 75(最大值:144 x 96)

Answer 2

30x30是积分,这意味着30px @ 1x,60px @ 2x,而不是介于两者之间.此外,将标签的标题嵌入到图像中并不是一个好主意 - 您将获得相当差的可访问性和本地化结果.

Answer 3

根据最新的Apple人机界面指南:

在纵向方向上,标签栏图标显示在标签标题上方.在横向方向上,图标和标题并排显示.根据设备和方向,系统显示常规或紧凑的标签栏.您的应用应包含两种尺寸的自定义标签栏图标.

Answer 4

参考:https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons/[https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons /].

所以50x50尺寸是个不错的选择.