如何在导航的最右侧设置按钮 - iOS

时间:2017-03-20 07:53:21

标签: ios swift xcode

我在导航栏的右侧设置了一个按钮:

我的视图控制器: enter image description here

我想为此按钮设置汉堡图标,红色循环和标签。像这样:

enter image description here

我的代码:

    self.navigationController?.navigationBar.barTintColor = self.utilities.hexStringToUIColor(hex: "#00b8de")

    var imageview2 = UIImage(named: "menulogo")

    imageview2 = imageview2?.imageResize(sizeChange: CGSize(width: 25, height: 25))

    btnMenu.setImage(imageview2,for:UIControlState.normal)
    btnMenu.setTitle("", for: .normal)


    // setup the red circle UIView
    let redCircleView = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: 20))
    redCircleView.backgroundColor = UIColor.red
    redCircleView.layer.cornerRadius = view.frame.size.width / 2

    // setup the number UILabel
    let label = UILabel(frame: CGRect(x: 30, y: 0, width: 20, height: 20))
    label.textColor = UIColor.white
    label.font = UIFont.systemFont(ofSize: 10)
    label.text = "16"

    // adding the label into the red circle
    redCircleView.addSubview(label)

    // adding the red circle into the menu button
    btnMenu.addSubview(redCircleView)

上面的代码我有三个问题:

  1. 我的汉堡图片不在导航的最右侧。
  2. 我的周期视图未显示
  3. 我的图标是白色的,但它显示为蓝色!
  4. btnMenu是导航中的按钮。

    enter image description here

1 个答案:

答案 0 :(得分:0)

我在导航按钮上使用此库设置徽章。

  

MIBadgeButton是用Swift编写的高级徽章按钮   UITableView / UICollectionView性能。

https://github.com/mustafaibrahim989/MIBadgeButton-Swift