无需 UITabBarController 的自定义 Tabbar 按钮

Question

我正在构建一个电子商务应用程序并想要创建附件图像。

因此，我以模态方式展示这个控制器，它不会在 Tabbar 中。

有没有一种简单的方法可以添加 Tabbar 并创建按钮，而无需为每个 iPhone 创建类似 TabBar 的视图？

或者最好将它嵌入到另一个 UITabBarController 中？似乎有点矫枉过正...

非常感谢。

Answer 1

为工具栏和阴影声明结帐按钮和视图。

lazy var customView: UIView = {
    let vw = UIView()
    vw.backgroundColor = UIColor(red: 249/255, green: 249/255, blue: 249/255, alpha: 1.0)
    vw.translatesAutoresizingMaskIntoConstraints = false
    return vw
}()

lazy var shadowView: UIView = {
    let vw = UIView()
    vw.backgroundColor = UIColor.gray
    vw.translatesAutoresizingMaskIntoConstraints = false
    return vw
}()

lazy var checkoutButton: UIButton = {
    let btn = UIButton(type: .system)
    btn.tintColor = .white
    btn.layer.cornerRadius = 5
    btn.titleLabel?.font = UIFont.boldSystemFont(ofSize: 20)
    btn.setTitle("Checkout", for: .normal)
    btn.backgroundColor = UIColor(red: 39/255, green: 39/255, blue: 39/255, alpha: 1.0)
    btn.translatesAutoresizingMaskIntoConstraints = false
    return btn
}()

在viewDidLoad中全部添加。

override func viewDidLoad() {
    super.viewDidLoad()

    view.addSubview(customView)

    [customView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor), 
    //Size of UITabBar from safeArea, so its compatible for iPhone X and others 
    customView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -49),
    customView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
    customView.heightAnchor.constraint(equalToConstant: 83)].forEach{ [=11=].isActive = true }


    view.addSubview(shadowView)

    [shadowView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
     shadowView.bottomAnchor.constraint(equalTo: customView.topAnchor),
     shadowView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
     shadowView.heightAnchor.constraint(equalToConstant: 0.5)].forEach{ [=11=].isActive = true }


    customView.addSubview(checkoutButton)

    [checkoutButton.leadingAnchor.constraint(equalTo: customView.leadingAnchor, constant: 10),
     checkoutButton.topAnchor.constraint(equalTo: customView.topAnchor, constant: 4.5),
     checkoutButton.trailingAnchor.constraint(equalTo: customView.trailingAnchor, constant: -10),
     checkoutButton.heightAnchor.constraint(equalToConstant: 40)].forEach{ [=11=].isActive = true }

}

无需 UITabBarController 的自定义 Tabbar 按钮

Custom Tabbar Button without being a UITabBarController

uibutton

uitabbar