iOS培训-斗鱼直播APP之首页导航栏设置.docxVIP

玩转【斗鱼直播APP】系列之首页导航栏设置作者：小码哥教育重点掌握内容导航栏添加Items给系统的类扩充方法扩充便利构造函数效果展示在iOS开发中，导航栏的设置是必不可少的一部分。通常导航栏中会放很多的UIBarButtonItem，以方便用于操作对应的功能斗鱼首页导航条展示直接实现（最low方式）不管是左侧logo的Item，还是右侧的三个Item都是有点击效果的。因此在实现时，最好创建UIButton，通过给UIButton设置图片来实现。并且让UIButton作为UIBarButtonItem的customView实现代码如下：// MARK:- 设置导航栏内容extension HomeViewController { // MARK: 设置导航栏 private func setupNavigationBar() { setupNavigationLeftBar() setupNavigationRightBar() } private func setupNavigationLeftBar() { let btn = UIButton() btn.setImage(UIImage(named: logo), forState: .Normal) btn.sizeToFit() btn.addTarget(self, action: #selector(self.leftItemClick), forControlEvents: .TouchUpInside) navigationItem.leftBarButtonItem = UIBarButtonItem(customView: btn) } private func setupNavigationRightBar() { // 1.确定UIButton的尺寸 let size = CGSize(width: 40, height: 44) // 2.创建历史的Item let historyBtn = UIButton() historyBtn.setImage(UIImage(named: image_my_history), forState: .Normal) historyBtn.setImage(UIImage(named: image_my_history_click), forState: .Highlighted) historyBtn.addTarget(self, action: #selector(self.historyItemClick), forControlEvents: .TouchUpInside) historyBtn.frame = CGRect(origin: CGPointZero, size: size) let historyItem = UIBarButtonItem(customView: historyBtn) // 3.创建搜索的Item let searchBtn = UIButton() searchBtn.setImage(UIImage(named: btn_search), forState: .Normal) searchBtn.setImage(UIImage(named: btn_search_clicked), forState: .Highlighted) searchBtn.addTarget(self, action: #selector(self.searchItemClick), forControlEvents: .TouchUpInside) searchBtn.frame = CGRect(origin: CGPointZero, size: size) let searchItem = UIBarButtonItem(customView: searchBtn) // 4.创建二维码的Item let qrcodeBtn = UIButton() qrcodeBtn.setImage(UIImage(named: image_scan), forState: .Normal) qrcodeBtn.setImage(UIImage(named: image_scan_