iPhone 5 和 4 上未对齐的自定义导航视图

Posted

技术标签:

【中文标题】iPhone 5 和 4 上未对齐的自定义导航视图【英文标题】:Misaligned custom navigation view on iPhone 5 & 4 【发布时间】:2016-02-29 05:40:36 【问题描述】:

我遇到了一个问题,即当左右按钮大小不同时,我的自定义导航视图未对齐。我正在使用尺寸类,我设置的约束如下所示:

这种方法在过去对我来说非常有效,但我的设计师要求右键是圆形的“保存”而不是简单的文本。在 iPhone 5 或 4 设备(窄宽度)上查看时,它会错位并被推到左侧。下面是这个在设备和 View Debugger 中的外观示例。

我试图避免将所有按钮图像重做为相同的宽度,并希望可以添加一个简单的 IB 修复程序。

任何帮助将不胜感激。

【问题讨论】:

我认为这是因为两个按钮的宽度不同,这就是为什么您面临这个问题时尝试使两个按钮的宽度相等,这可能会解决您的问题。 【参考方案1】:

您可以将“Horizo​​natally in Container”约束添加到导航栏标题视图。

从那时起,您可以在保存按钮和它的超级视图之间添加后沿约束(有或没有边距)。 同样,您可以在后退按钮及其父视图之间添加前沿约束。注意所有 3 个视图的超级视图应该相同。希望能帮助到你。快乐编码。 !!

*已编辑 你可以参考我的回答here 和定制here.

【讨论】:

嘿,幸运。我尝试执行上述操作,但似乎没有帮助。我觉得父视图的中心被推到了左边,所以创建一个对它的约束有同样的问题。 图片在这里:imgur.com/HET8uDVimgur.com/DKoJ09ximgur.com/Ic9nBe6 你能告诉我们在父视图中使用的约束吗...??你只需要给父视图提供前导和尾随约束。不要固定它的宽度。 我已经更新了我的答案。您可以尝试 Fixed Space Bar Button item 以及 Flexible Space Bar Button item 来实现相同的效果。我附上了如何使用相同的链接。希望它有所帮助。 谢谢幸运。我无法将固定空格键按钮项添加到 UINavigationBar 中,因为它们不是为此而设计的(它们在工具栏中使用)。我想我只是要让两边的图像大小相同,而不是使用约束。还是谢谢

以上是关于iPhone 5 和 4 上未对齐的自定义导航视图的主要内容,如果未能解决你的问题,请参考以下文章

iPhone的自定义导航栏

iPhone 5横向模式下,导航栏右侧的按钮停止工作,如何解决?

iPhone导航控制器基本问题

视图中按钮的对齐方式

视图控制器之间的自定义转换,包括导航栏

iOS 12 中的自定义导航标题