[英]Swift 4 - Button over Tab Bar Item
我正在尝试将自定义按钮放在我的标签栏的其中一个项目上。
func setupMiddleButton() {
let numberOfItems = CGFloat(tabBar.items!.count)
let tabBarItemSize = CGSize(width: tabBar.frame.width / numberOfItems, height: tabBar.frame.height)
let menuButton = UIButton(frame: CGRect(x: 0, y: 0, width: tabBarItemSize.width, height: self.tabBar.frame.size.height))
var menuButtonFrame = menuButton.frame
menuButtonFrame.origin.y = self.view.bounds.height - menuButtonFrame.height
menuButtonFrame.origin.x = self.view.bounds.width/2 - menuButtonFrame.size.width/2
menuButton.frame = menuButtonFrame
menuButton.backgroundColor = UIColor.white
self.view.addSubview(menuButton)
self.view.layoutIfNeeded()
有什么建议吗? 我真的不知道怎么试试。
谢谢!
我注意到这个截图是iPhone X模拟器,它在屏幕底部有不同的布局。 您的代码适用于任何其他iPhone。 在iOS 11中,他们推出了所谓的“安全区域”。 计算按钮的大小和原点时,必须考虑到这一点。
计算origin.y
的origin.y时,必须在底部减去安全区域的高度,如下所示:
menuButtonFrame.origin.y = self.view.bounds.height - menuButtonFrame.height - self.view.safeAreaInsets.bottom
这不会解决您的问题,因为您的代码可能在viewDidLoad
运行,这在视图知道它应该显示在具有安全区域的iPhone X上之前发生。
您可以为此覆盖viewDidLayoutSubviews
,并在每次调用时为您的按钮设置正确的帧。
这将解决您的问题:
class CustomTabBarViewController: UITabBarController {
let menuButton = UIButton(frame: CGRect.zero)
override func viewDidLoad() {
super.viewDidLoad()
setupMiddleButton()
}
func setupMiddleButton() {
let numberOfItems = CGFloat(tabBar.items!.count)
let tabBarItemSize = CGSize(width: tabBar.frame.width / numberOfItems, height: tabBar.frame.height)
menuButton.frame = CGRect(x: 0, y: 0, width: tabBarItemSize.width, height: tabBar.frame.size.height)
var menuButtonFrame = menuButton.frame
menuButtonFrame.origin.y = self.view.bounds.height - menuButtonFrame.height - self.view.safeAreaInsets.bottom
menuButtonFrame.origin.x = self.view.bounds.width/2 - menuButtonFrame.size.width/2
menuButton.frame = menuButtonFrame
menuButton.backgroundColor = UIColor.green
self.view.addSubview(menuButton)
self.view.layoutIfNeeded()
}
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
menuButton.frame.origin.y = self.view.bounds.height - menuButton.frame.height - self.view.safeAreaInsets.bottom
}
}
我知道从viewDidLayoutSubviews
调用setupMiddleButton
是很诱人的,但是不要这样做。 viewDidLayoutSubviews
不应该用于创建按钮等,它应该只用于将它们相应地移动到视图的其余部分。 您可能希望在viewDidLayoutSubviews
设置menuButton
的整个帧,而不是像我一样设置origin.y
,特别是如果您需要支持旋转/横向模式。 在这个非常简单的例子中,更新origin.y
就足够了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.