正文

swift4.2实现新闻首页导航

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0629

对于仿照新闻首页的页面，已经有比较好用的OC版本，现在我们来写一个版本的。

设备：xcode 10.2     语言：swift 4.2

效果图：

swift4.2实现新闻首页导航

我们先创建一个多控制器的栏，直接上代码：

  1. // 
  2. // JHSBarItemView.swift 
  3. // ScrollBarController 
  4. // 
  5. // Created by yaojinhai on 2019/4/15. 
  6. // Copyright © 2019年 yaojinhai. All rights reserved. 
  7. // 
  8.   
  9. import UIKit 
  10.   
  11. enum BarItemBorderType { 
  12.   case defualt 
  13.   case barItem 
  14.   case maskView 
  15.   case customItem 
  16. } 
  17.   
  18. protocol JHSBarItemViewDelegate: NSObjectProtocol { 
  19.   func selectedIndexItem(view: JHSBarItemView,index: Int) -> Void 
  20. } 
  21.   
  22. class JHSBarItemView: UIView { 
  23.   
  24.   var minMargin: CGFloat = BarConfig.minMargin; 
  25.    
  26.   weak var delegate: JHSBarItemViewDelegate? 
  27.   var lineBarView: UIView! 
  28.    
  29.   var barType = BarItemBorderType.defualt { 
  30.     didSet{ 
  31.       configBarType(); 
  32.       removeBarItem(idx: selectedIndex); 
  33.     } 
  34.   } 
  35.    
  36.    
  37.    
  38.   var selectedIndex = 0; 
  39.   var titles: [String]!{ 
  40.     didSet{ 
  41.       caculateItemSize(); 
  42.   
  43.     } 
  44.   } 
  45.    
  46.   private var titlesView: UICollectionView! 
  47.   private var cachesSize = [String:CGSize](); 
  48.   
  49.    
  50.   override init(frame: CGRect) { 
  51.     super.init(frame: frame); 
  52.     createContentView(); 
  53.   } 
  54.    
  55.   convenience init(frame: CGRect,titles: [String]) { 
  56.     self.init(frame: frame); 
  57.     self.titles = titles; 
  58.     createContentView(); 
  59.     caculateItemSize(); 
  60.   
  61.   } 
  62.    
  63.   func progressWidth() -> Void { 
  64.      
  65.   } 
  66.    
  67.    
  68.   required init?(coder aDecoder: NSCoder) { 
  69.     fatalError("init(coder:) has not been implemented") 
  70.   } 
  71.    
  72.    
  73. } 
  74.   
  75. extension JHSBarItemView: UICollectionViewDataSource,UICollectionViewDelegateFlowLayout { 
  76.    
  77.   private func caculateItemSize() -> Void { 
  78.   
  79.     guard let itemTitles = titles ,itemTitles.count > 0 else { 
  80.       return; 
  81.     } 
  82.      
  83.     var maxWidth: CGFloat = 0; 
  84.     for item in itemTitles { 
  85.       let size = item.textSize(size: CGSize(width: width, height: height), font: BarConfig.normalFont); 
  86.       cachesSize[item] = CGSize(width: size.width, height: height); 
  87.       maxWidth += size.width; 
  88.     } 
  89.     let gap = (width - maxWidth) / CGFloat(itemTitles.count + 1); 
  90.     minMargin = max(gap, BarConfig.minMargin); 
  91.     titlesView.reloadData(); 
  92.     removeBarItem(idx: selectedIndex); 
  93.   
  94.   } 
  95.    
  96.   private func createContentView() -> Void { 
  97.      
  98.     if titlesView != nil { 
  99.       return; 
  100.     } 
  101.     let layout = UICollectionViewFlowLayout(); 
  102.     layout.minimumLineSpacing = 0; 
  103.     layout.minimumInteritemSpacing = 0; 
  104.     layout.scrollDirection = .horizontal; 
  105.     titlesView = FMBaseCollectionView(frame: .init(x: 0, y: 0, width: width, height: height), collectionViewLayout: layout); 
  106.     addSubview(titlesView); 
  107.     titlesView.register(BarItemViewCell.self, forCellWithReuseIdentifier: "title"); 
  108.     titlesView.delegate = self; 
  109.     titlesView.dataSource = self; 
  110.      
  111.     let lineView = createView(rect: .init(x: 0, y: height - 1, width: width, height: 1)); 
  112.     lineView.backgroundColor = rgbColor(rgb: 234); 
  113.      
  114.      
  115.   } 
  116.    
  117.   // MARK: - collection view delegate and dataSource 
  118.    
  119.   func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
  120.     return titles?.count ?? 0; 
  121.   } 
  122.   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { 
  123.     return UIEdgeInsets(top: 0, left: minMargin, bottom: 0, right: minMargin); 
  124.   } 
  125.   
  126.    
  127.   func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
  128.     if titles == nil { 
  129.       return CGSize.zero; 
  130.     } 
  131.     let item = titles[indexPath.row]; 
  132.     if let size = cachesSize[item] { 
  133.       return CGSize(width: size.width + minMargin, height: height); 
  134.     } 
  135.     let size = titles[indexPath.row].textSize(size: CGSize.init(width: width, height: height), font: BarConfig.normalFont); 
  136.     let newSize = CGSize(width: size.width + minMargin, height: height); 
  137.     cachesSize[item] = size; 
  138.     return newSize; 
  139.   } 
  140.    
  141.    
  142.   func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
  143.     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "title", for: indexPath) as! BarItemViewCell; 
  144.     cell.titleLabel.text = titles[indexPath.row]; 
  145.     cell.titleLabel.isHighlighted = selectedIndex == indexPath.row; 
  146.     return cell; 
  147.   } 
  148.    
  149.   func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) { 
  150.     didSelected(idx: indexPath.row); 
  151.     delegate?.selectedIndexItem(view: self, index: indexPath.row); 
  152.   } 
  153.    
  154.   func didSelected(idx: Int) -> Void { 
  155.     let indexPath = IndexPath(item: idx, section: 0); 
  156.     titlesView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: true); 
  157.   
  158.      
  159.     let cell = titlesView.cellForItem(at: indexPath) as? BarItemViewCell; 
  160.     cell?.titleLabel.isHighlighted = true; 
  161.     cell?.RunAnimation(); 
  162.      
  163.     removeBarItem(idx: indexPath.row); 
  164.      
  165.      
  166.     if selectedIndex != indexPath.row { 
  167.       let preCell = titlesView.cellForItem(at: .init(row: selectedIndex, section: 0)) as? BarItemViewCell; 
  168.       preCell?.titleLabel.isHighlighted = false; 
  169.       preCell?.RunAnimation(); 
  170.       selectedIndex = indexPath.row; 
  171.        
  172.     } 
  173.   } 
  174. } 
  175.   
  176. extension JHSBarItemView { 
  177.    
  178.   private func removeBarItem(idx: Int) { 
  179.     if barType == .barItem { 
  180.       let size = getMaxWidthAt(index: idx); 
  181.       lineBarView.frame = .init(x: size.width, y: height - 2, width: size.height, height: 2); 
  182.     }else if barType == .maskView { 
  183.       let size = getMaxWidthAt(index: idx); 
  184.       lineBarView.frame = .init(x: size.width - minMargin/2, y: 0, width: size.height + minMargin, height: height); 
  185.     } 
  186.   } 
  187.   func getMaxWidthAt(index: Int) -> CGSize { 
  188.     if titles == nil || titles.count == 0 { 
  189.       return CGSize.zero; 
  190.     } 
  191.      
  192.     var maxWidth: CGFloat = minMargin; 
  193.     var sizeWidth: CGFloat = cachesSize[titles[0]]!.width; 
  194.     if index > 0 { 
  195.       for item in 1...index { 
  196.         let title = titles[item]; 
  197.         let size = cachesSize[title]!; 
  198.         maxWidth += size.width + minMargin; 
  199.         sizeWidth = size.width; 
  200.       } 
  201.     } 
  202.     return CGSize(width: maxWidth + minMargin/2, height: sizeWidth); 
  203.   } 
  204.    
  205.   private func configBarType() -> Void { 
  206.     if barType == .barItem { 
  207.       if lineBarView == nil { 
  208.         lineBarView = createView(rect: .init(x: 0, y: height - 2, width: 30, height: 2)); 
  209.         lineBarView.backgroundColor = UIColor.red; 
  210.         lineBarView.layer.cornerRadius = 2; 
  211.         lineBarView.layer.masksToBounds = true; 
  212.       } 
  213.       titlesView.addSubview(lineBarView); 
  214.     }else if barType == .maskView { 
  215.       if lineBarView == nil { 
  216.         lineBarView = createView(rect: .init(x: 0, y: 0, width: 30, height: height)); 
  217.         lineBarView.backgroundColor = UIColor.green.withAlphaComponent(0.2); 
  218.         lineBarView.isUserInteractionEnabled = false; 
  219.       } 
  220.       titlesView.addSubview(lineBarView); 
  221.     }else{ 
  222.       titlesView?.removeFromSuperview(); 
  223.   
  224.     } 
  225.   } 
  226. } 
  227.   
  228. class BarItemViewCell: UICollectionViewCell { 
  229.   var titleLabel: UILabel! 
  230.   override init(frame: CGRect) { 
  231.     super.init(frame: frame); 
  232.     titleLabel = createLabel(rect: bounds, text: ""); 
  233.     titleLabel.textAlignment = .center; 
  234.     titleLabel.textColor = BarConfig.normalColor; 
  235.     titleLabel.highlightedTextColor = BarConfig.hlightedColor; 
  236.     titleLabel.font = BarConfig.normalFont; 
  237.   } 
  238.    
  239.   required init?(coder aDecoder: NSCoder) { 
  240.     fatalError("init(coder:) has not been implemented") 
  241.   } 
  242.   func RunAnimation(animation: Bool = true) -> Void { 
  243.     self.titleLabel.font = self.titleLabel.isHighlighted ? BarConfig.hlightedFont : BarConfig.normalFont; 
  244.      
  245.      
  246.   } 
  247. } 

这个封装了导航栏的操作，并且实现了自动刷新功能。我们也可以自己扩展实现。

我们来定义一个控制器：