尽管尺寸正确,选项卡栏图标仍过小

时间:2019-08-12 21:25:42

标签: ios swift uitabbarcontroller tabbar swift5

我的标签栏控制器正在使用75x75的自定义图像图标,但是它们看起来很小。

它们看起来好像没有使用标签栏的全部高度,我不知道为什么。如果我将尺寸放大到150x150,则该图标不会利用下面的空间,而是会与顶部边框重叠并侵占视图的其余部分。

我如何使图标全屏显示并使用所有可用的标签栏高度?

enter image description here

主页标签图像的资产目录如下:

enter image description here

2 个答案:

答案 0 :(得分:3)

@ 3x设备应使用75x75像素的图像图标。 如果标题为nil,则图像将不会自身展开。

但是您可以使用offset属性移动图像。

转到StoryBoard中的Size Inspector,然后更改图像插图的底部偏移。

有关更多信息,请参考此链接

Moving UITabBarItem Image down?

答案 1 :(得分:2)

您发布的图片实际上看起来正确。标签栏遵守屏幕的“安全区域”,标签栏按钮与底部的主页指示器之间具有默认距离。

作为比较,这是App Store应用程序的标签栏:

enter image description here

在屏幕截图上覆盖后,您可以看到图标位置相同:

enter image description here

您可以通过为标签提供标题来改善视觉设计。

如果您希望标签栏按钮保持不带标题,则可以按照以下说明调整图像插图:Remove tab bar item text, show only image

如果支持,请确保在具有不同安全区域(例如iPhone 8)和不同设备方向的设备上测试您的解决方案。

请注意,通过这种方法,您正在违背UITabBarController的预期设计。一个更健壮和灵活的解决方案可能是用自定义UITabBarController子类替换UIViewController