iPhone标签栏图标未对齐 - iOS 7

Posted

技术标签:

【中文标题】iPhone标签栏图标未对齐 - iOS 7【英文标题】:iPhone Tab bar icon are misaligned - iOS 7 【发布时间】:2014-05-28 13:35:06 【问题描述】:

我有一个最初使用 ios 4.0 构建的应用程序,但现在只有 iOS 7.0 +。

我有一个带有 4 个图标的标签栏,它们过去放置得恰到好处。但现在,它们比应有的位置高出大约 10 个像素。 (见图片)。

之前

现在

图标、文本或 nib 文件没有改变。我不知道在哪里看。有什么想法吗?

【问题讨论】:

你的图片图标大小是多少? 非视网膜:50 x 50 像素。视网膜:104 x 104 像素。 这是个问题,我想是的。检查此 iOS HIG 中的标签栏图标:developer.apple.com/library/ios/documentation/userexperience/… 这就是问题所在。我以为我在遵循指南,但我没有考虑到注释。我仍在考虑非视网膜像素,并将所有内容乘以 2。(对于非视网膜,注释提及的大小应除以 2)。如果您将其包含在答案中,我会接受。感谢您的帮助。 【参考方案1】:

请根据Apple Human Interface Guidelines更新您的图片尺寸

iOS 7 已更改。

【讨论】:

【参考方案2】:

调整tabbarItem imageInsets

navigationCtroller.tabBarItem.imageInsets = UIEdgeInsetsMake(7,0, -7,0);

【讨论】:

感谢您的回答。我敢肯定这会奏效,但这将是一个不太干净的解决方法。确实是艺术品的尺寸不对。 请调整imageInset。

以上是关于iPhone标签栏图标未对齐 - iOS 7的主要内容,如果未能解决你的问题,请参考以下文章

React Native 标签栏 iOS 图标未显示

IOS 7中标签栏图标的选定状态

是否有用于“主页”和“信息”的标准 iphone 标签栏图标?

标签栏图像未在 iOS 7.1 中显示

如何更改 iOS 7 中未选择的标签栏项目的颜色?

iOS 7 - 后退按钮后标签栏消失