Ios 如何在选项卡栏项上添加自定义视图

我需要在tabbar项上添加两条垂直线。我怎样才能做到这一点？谢谢

添加下一个代码：

var imageLeft: UIImageView?
var imageRight: UIImageView?

override func viewDidLoad() {
    super.viewDidLoad()

    let grayColor = UIColor(red: 170/255, green: 170/255, blue: 170/255, alpha: 1.0)
    let leftLine = (tabBar.frame.width/2) - ((tabBar.frame.width/5)/2)
    let rightLine = (tabBar.frame.width/2) + ((tabBar.frame.width/5)/2)
    imageLeft = UIImageView(image: createImage(color: grayColor, size: tabBar.frame.size, x: leftLine))
    imageRight = UIImageView(image: createImage(color: grayColor, size: tabBar.frame.size, x: rightLine))
    tabBar.addSubview(imageLeft!)
    tabBar.addSubview(imageRight!)
}

func createImage(color: UIColor, size: CGSize, x: CGFloat) -> UIImage {
    let rect: CGRect = CGRect(x: x, y: 5, width: 1, height: tabBar.frame.height - 11)
    UIGraphicsBeginImageContextWithOptions(size, false, 0)
    color.setFill()
    UIRectFill(rect)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()
    return image
}

我的结果是：

---

您需要使用自定义选项卡栏。 下面是一个关于如何制作的教程：

---

或者，您可以在Github上找到一个可以为您执行此操作的库。要执行此操作，您可以将UIAbbarController子类化，并在您希望的位置添加UIImageView：

class TabBarController: UITabBarController {

    var image: UIImageView?

    override func viewDidLoad() {
        super.viewDidLoad()
        image = UIImageView(image: createImage(color: UIColor(red:0.18, green:0.66, blue:0.24, alpha:1.0), size: tabBarItemSize, lineHeight: 4))
        tabBar.addSubview(image!)
    }

    func createImage(color: UIColor, size: CGSize, lineHeight: CGFloat) -> UIImage {
        let rect: CGRect = CGRect(x: 0, y: size.height - lineHeight, width: size.width, height: lineHeight )
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        color.setFill()
        UIRectFill(rect)
        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image
    }
}

---

你需要根据自己的需要修改它，并计算出你希望它位于的位置，但这应该会有所帮助。我在中对此有更多的说明。

我在回答中告诉您，您需要修改代码以获得良好的结果。您要做的是计算要显示的CGRect，并在createImage函数中绘制它们。然后将它们添加到选项卡栏。