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

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
  • 导航

    • 延伸 · 阅读

    精彩推荐
    • SwiftSwift中排序算法的简单取舍详解

      Swift中排序算法的简单取舍详解

      对于排序算法, 通常简单的, 为大家所熟知的有, 选择排序, 冒泡排序, 快速排序, 当然还有哈希, 桶排序之类的, 本文仅比较最为常见的选择, 冒泡和快排，文...

      Castie111012021-01-10
    • SwiftSwift算法之栈和队列的实现方法示例

      Swift算法之栈和队列的实现方法示例

      Swift语言中没有内设的栈和队列，很多扩展库中使用Generic Type来实现栈或是队列。下面这篇文章就来给大家详细介绍了Swift算法之栈和队列的实现方法，需要...

      李峰峰10002021-01-05
    • Swift详解Swift 之clipped是什么如何用

      详解Swift 之clipped是什么如何用

      这篇文章主要介绍了详解Swift 之clipped是什么如何用,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下...

      iCloudEnd8532021-05-28
    • Swift分析Swift性能高效的原因

      分析Swift性能高效的原因

      绝大多数公司选择Swift语言开发iOS应用，主要原因是因为Swift相比Objc有更快的运行效率，更加安全的类型检测，更多现代语言的特性提升开发效率；这一系...

      louis_wang9092021-01-16
    • Swiftswift相册相机的权限处理示例详解

      swift相册相机的权限处理示例详解

      在iOS7以后要打开手机摄像头或者相册的话都需要权限，在iOS9中更是更新了相册相关api的调用，那么下面这篇文章主要给大家介绍了关于swift相册相机权限处...

      hello老文12682021-01-08
    • SwiftSwift网络请求库Alamofire使用详解

      Swift网络请求库Alamofire使用详解

      这篇文章主要为大家详细介绍了Swift网络请求库Alamofire的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...

      lv灬陈强56682021-01-06
    • SwiftSwift 基本数据类型详解总结

      Swift 基本数据类型详解总结

      在我们使用任何程序语言编程时，需要使用各种数据类型来存储不同的信息。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。在声明...

      Lucky_William4672021-12-26
    • Swift浅谈在Swift中关于函数指针的实现

      浅谈在Swift中关于函数指针的实现

      这篇文章主要介绍了浅谈在Swift中关于函数指针的实现,是作者根据C语言的指针特性在Swifft中做出的一个实验,需要的朋友可以参考下...

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