如何在工具栏中间添加超大按钮

Question

我正在编写一个相机应用程序，我需要创建一个工具栏（当然在屏幕的底部）有3个按钮，中间的按钮需要超大，超出导航栏的高度，显示相机的图像

我不清楚如何在工具栏中添加一个比工具栏本身高约20％的按钮。

我在那里看到了一些设计，它看起来很光滑，但我如何以编程方式配置这样的按钮？

非常感谢您的帮助。

Answer 1

您可以从创建自己的UIView开始，它将包含所有按钮。

添加每个按钮并定位它，包括超大的中间按钮 - 将其放在-y坐标（例如-10）。

然后将容器UIView Clips Subviews设置为NO - 这可以在IB中进行或以编程方式完成 - self.view.clipsToBounds = NO

这将允许中间按钮流出其父容器。

Answer 2

您只需按一下按钮并将其放在标签栏的顶部即可。或者在photoshop中制作自己的标签栏。

Answer 3

我自己并没有使用它，但我认为它描述了你的目标。

https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar

如果您想要自己修改相机控件的UI，那么可能更难实现。