swift4.2实现新闻首页导航

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

设备：xcode 10.2     语言：swift 4.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. } 

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

我们来定义一个控制器：