服务器之家：专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Swift - swift4.2实现新闻首页导航

swift4.2实现新闻首页导航

2021-01-16 15:15海阔任月飞 Swift

这篇文章主要为大家详细介绍了swift4.2实现新闻首页导航，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

设备：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. } 

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

我们来定义一个控制器：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
//
// JHSBarController.swift
// ScrollBarController
//
// Created by yaojinhai on 2019/4/15.
// Copyright © 2019年 yaojinhai. All rights reserved.
//
 
import UIKit
 
protocol JHSBarControllerDelegate: NSObjectProtocol {
  func barControllerAt(controller: JHSBarController, index: Int) -> UIViewController;
  func barControllerForTitle(controller: JHSBarController,index: Int) -> String?
  func numberOfController(controller: JHSBarController) -> Int
}
 
class JHSBarController: JHSBaseViewController {
  
  private var topBarView: JHSBarItemView!
  private var cachesController = [Int:UIViewController]();
  private var cachesTitles = [Int:String]();
  private var countOfContrller = 0;
  
  weak var delegate: JHSBarControllerDelegate?
  
  var currentViewController: UIViewController{
    return getControllerAt(idx: selectedIndex);
  }
  
  var selectedIndex: Int {
    get {
      let offSet = contentScrollView.contentOffset;
      let index = Int((offSet.x + 10)/width());
      let idx = max(0, min(index, countOfContrller - 1));
      return idx;
    }
    set{
      let idx = max(0, min(newValue, countOfContrller - 1));
      toScrollAtIndex(atIndx: idx);
    }
  }
  
 
  override func viewDidLoad() {
    super.viewDidLoad()
    
    
    
    topBarView = JHSBarItemView(frame: .init(x: 0, y: 64, width: width(), height: 40), titles: ["音乐","视频","旅游","新闻"]);
    topBarView.delegate = self;
    topBarView.barType = .maskView;
 
    addView(tempView: topBarView);
    
    configContentView();
  }
  
  func reloadData() -> Void {
    cachesController.removeAll();
    cachesTitles.removeAll();
    countOfContrller = delegate?.numberOfController(controller: self) ?? 0;
    setBarTitles();
    
    contentScrollView.setContentOffset(.init(x: selectedIndex.cgFloat * width(), y:0), animated: false);
    contentScrollView.contentSize = .init(width: countOfContrller.cgFloat * width(), height: 0);
    addSubController();
    
    
  }
  
  private func setBarTitles() -> Void {
    var titles = [String]();
    for idx in 0..<countOfContrller {
      let tempTitme = delegate?.barControllerForTitle(controller: self, index: idx);
      cachesTitles[idx] = tempTitme ?? "";
      titles.append(tempTitme ?? "");
    }
    topBarView.titles = titles;
  }
  
  func isInScreen(rect: CGRect) -> Bool {
    let offset = contentScrollView.contentOffset;
    let bounds = contentScrollView.convert(.init(x: offset.x, y: offset.y, width: width(), height: contentScrollView.height), to: self.view);
    return bounds.intersects(rect);
  }
  
  private func toScrollAtIndex(atIndx: Int) -> Void {
    
    let isRight = atIndx < selectedIndex;
 
    let currentCtr = currentViewController;
    let currentRect = currentViewController.view.frame;
    
    currentCtr.view.frame.origin.x = atIndx.cgFloat * width();
 
    contentScrollView.contentOffset = .init(x: atIndx.cgFloat * width(), y: 0);
 
    let atCtroller = getControllerAt(idx: atIndx);
    let orginRect = atCtroller.view.frame;
    atCtroller.view.frame.origin.x += isRight ? -width() : width();
    
    contentScrollView.bringSubviewToFront(currentCtr.view);
 
    UIView.animate(withDuration: 0.3, animations: {
      currentCtr.view.frame.origin.x += isRight ? self.width() : -self.width();
      atCtroller.view.frame = orginRect;
    }) { (finshed) in
      currentCtr.view.frame = currentRect;
 
    }
  }
  
  private func addSubController() -> Void {
    
    let start = max(selectedIndex - 1, 0);
    let end = max(min(selectedIndex + 1, countOfContrller - 1), 0);
    
    for idx in start...end {
      _ = getControllerAt(idx: idx);
    }
    
  }
  private func getControllerAt(idx: Int) -> UIViewController {
    var controller = cachesController[idx];
    if controller == nil {
      controller = delegate?.barControllerAt(controller: self, index: idx);
      cachesController[idx] = controller;
    }
    let rect = CGRect(x: idx.cgFloat * width(), y: 0, width: width(), height: contentScrollView.height);
    controller?.view.frame = rect;
    if controller!.view.superview == nil {
      contentScrollView.addSubview(controller!.view);
    }
    if controller!.parent == nil {
      addChild(controller!);
    }
    if let scrollView = controller?.view as? UIScrollView {
      scrollView.contentOffset.y = 0;
    }
    if let subViews = controller?.view.subviews {
      for item in subViews {
        guard let scroll = item as? UIScrollView else{
          continue;
        }
        scroll.contentOffset.y = 0;
      }
    }
    return controller!;
  }
  
  
  func configContentView() -> Void {
    setContentScrollView(rect: CGRect.init(x: 0, y: topBarView.maxY, width: width(), height: height() - topBarView.height));
    contentScrollView.delegate = self;
    contentScrollView.isPagingEnabled = true;
    
  }
  
  func scrollViewDidScroll(_ scrollView: UIScrollView) {
    addSubController();
  }
  
  func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
    for item in children {
      if !isInScreen(rect: item.view.frame) {
        item.removeFromParent();
        item.view.removeFromSuperview();
      }
    }
    addSubController();
    topBarView.didSelected(idx: selectedIndex);
  }
  func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
    scrollViewDidEndDecelerating(scrollView);
  }
  func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
    if !decelerate {
      scrollViewDidEndDecelerating(scrollView);
    }
  }
 
}
 
extension JHSBarController: JHSBarItemViewDelegate{
  
  func selectedIndexItem(view: JHSBarItemView, index: Int) {
    selectedIndex = index;
  }
}

我们只要继承这个就可以了：下面我们看使用方法：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
//
// MainViewController.swift
// ScrollBarController
//
// Created by yaojinhai on 2019/4/15.
// Copyright © 2019年 yaojinhai. All rights reserved.
//
 
import UIKit
 
class MainViewController: JHSBarController {
 
  override func viewDidLoad() {
    super.viewDidLoad()
 
    delegate = self;
    reloadData();
 
  }
 
}
 
extension JHSBarController: JHSBarControllerDelegate {
  func barControllerAt(controller: JHSBarController, index: Int) -> UIViewController {
    let ctrl = DetialViewController()
    ctrl.index = index;
    return ctrl;
  }
  
  func barControllerForTitle(controller: JHSBarController, index: Int) -> String? {
    return "第(index)个页面";
  }
  
  func numberOfController(controller: JHSBarController) -> Int {
    return 5;
  }
  
  
}

最后付上demo地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。

原文链接：https://blog.csdn.net/yaojinhai06/article/details/89333005

  • 导航
  • Swift

    • 延伸 · 阅读

    精彩推荐
    最近更新
    编辑推荐
    阅读排行
    热门标签
    方法调度 　 swift入门 　 fallthrough 　 面相对象编程 　 反初始化 　 自动引用计数 　 可选链 　 下拉刷新 　 uirefreshcontrol 　 SWRevealViewController 　 侧滑菜单 　 ThPullRefresh 　 异常抛出 　 坐标变换 　 导航控制器 　 UITabBarController 　 UIAlertController 　 Cocoa 　 swift学习 　 点击手势 　 初始化方法 　 swift 教程 　 可选类型 　 占位 　 类型创建 　 遍历方法 　 手势识别 　 地图坐标 　 弹簧动画 　 自动录音器 　
    © 2019-2023 服务器之家(www.zzvips.com) 版权所有关于我们联系我们版权申明网站地图