更改导航栏的颜色

时间:2018-08-21 08:02:22

标签: ios swift xcode uinavigationcontroller uinavigationbar

我正在尝试更改导航栏的背景颜色,但是遇到了麻烦:

let colourRGBs: [[CGFloat]] = [[247, 247, 247], [38, 123, 238], [93, 204, 3]]
let colourTitles: [String] = ["Default", "Blue", "Green"]

override func viewDidLoad() {
    super.viewDidLoad()

    // Uncomment the following line to preserve selection between presentations
    // self.clearsSelectionOnViewWillAppear = false

    // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
    // self.navigationItem.rightBarButtonItem = self.editButtonItem
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

// MARK: - Table view data source

override func numberOfSections(in tableView: UITableView) -> Int {
    // #warning Incomplete implementation, return the number of sections
    return 1
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // #warning Incomplete implementation, return the number of rows
    return colourTitles.count
}


override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "PickNavBarColourCell", for: indexPath) as! PickNavBarColourCell
    let RGB = colourRGBs[indexPath.row]
    cell.backgroundColor = UIColor(red: RGB[0]/255.0, green: RGB[1]/255.0, blue: RGB[2]/255.0, alpha: 1.0)
    cell.configureCell(text: colourTitles[indexPath.row])
    if indexPath.row == passOnNavBarColour.colour {
        cell.accessoryType = UITableViewCellAccessoryType.checkmark
    }
    else {
        cell.accessoryType = UITableViewCellAccessoryType.none
    }

    return cell
}

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    UserDefaults.standard.set(indexPath.row, forKey: "NavBarColour")
    passOnNavBarColour.colour = indexPath.row
    tableView.reloadData()
    let RGB = colourRGBs[indexPath.row]
    self.navigationController?.navigationBar.backgroundColor = UIColor(red: RGB[0]/255.0, green: RGB[1]/255.0, blue: RGB[2]/255.0, alpha: 1.0)
}

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return 44
}

例如,当我对蓝色执行此操作时,结果如下: enter image description here

比应该的要暗淡得多。

我尝试使用以下代码:

self.navigationController?.navigationBar.isTranslucent = false

我在设置单元格背景色之前运行

self.navigationController?.navigationBar.backgroundColor = UIColor(red: RGB[0]/255.0, green: RGB[1]/255.0, blue: RGB[2]/255.0, alpha: 1.0)

但这不会导致任何颜色变化。

我该如何解决?

3 个答案:

答案 0 :(得分:2)

导航栏:

navigationController?.navigationBar.barTintColor = UIColor.green

用所需的UIColor替换greenColor,也可以根据需要使用RGB。

导航栏文本:

navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.orange] 

用您喜欢的任何颜色替换orangeColor。

标签栏:

tabBarController?.tabBar.barTintColor = UIColor.brown 

标签栏文字:

tabBarController?.tabBar.tintColor = UIColor.yellow 

在最后两个中,用您选择的颜色替换brownColor和yellowColor。

答案 1 :(得分:1)

您可以在didFinishLaunchingWithOptions的{​​{1}}中添加此简单行

AppDelegate

答案 2 :(得分:1)

使用navigationBar.barTintColor

摘自Apple文档:https://developer.apple.com/documentation/uikit/uinavigationbar/#1654191

  

您可以使用barTintColor属性为导航栏背景指定自定义色调颜色。设置此属性将覆盖从条形样式推断的默认颜色。与所有UIView子类一样,您可以使用tintColor属性控制导航栏中交互式元素的颜色,包括按钮图像和标题。

无法更改navigationBar.backgroundColor,因为它被一些视图隐藏了。 您可以通过断点查看视图层次结构。

enter image description here