您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要为大家展示了swift4.2如何实现新闻首页导航,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
对于仿照新闻首页的页面,已经有比较好用的OC版本,现在我们来写一个swift版本的。
设备:xcode 10.2 语言:swift 4.2
效果图:
我们先创建一个多控制器的导航栏,直接上代码:
// // JHSBarItemView.swift // ScrollBarController // // Created by yaojinhai on 2019/4/15. // Copyright © 2019年 yaojinhai. All rights reserved. // import UIKit enum BarItemBorderType { case defualt case barItem case maskView case customItem } protocol JHSBarItemViewDelegate: NSObjectProtocol { func selectedIndexItem(view: JHSBarItemView,index: Int) -> Void } class JHSBarItemView: UIView { var minMargin: CGFloat = BarConfig.minMargin; weak var delegate: JHSBarItemViewDelegate? var lineBarView: UIView! var barType = BarItemBorderType.defualt { didSet{ configBarType(); removeBarItem(idx: selectedIndex); } } var selectedIndex = 0; var titles: [String]!{ didSet{ caculateItemSize(); } } private var titlesView: UICollectionView! private var cachesSize = [String:CGSize](); override init(frame: CGRect) { super.init(frame: frame); createContentView(); } convenience init(frame: CGRect,titles: [String]) { self.init(frame: frame); self.titles = titles; createContentView(); caculateItemSize(); } func progressWidth() -> Void { } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } extension JHSBarItemView: UICollectionViewDataSource,UICollectionViewDelegateFlowLayout { private func caculateItemSize() -> Void { guard let itemTitles = titles ,itemTitles.count > 0 else { return; } var maxWidth: CGFloat = 0; for item in itemTitles { let size = item.textSize(size: CGSize(width: width, height: height), font: BarConfig.normalFont); cachesSize[item] = CGSize(width: size.width, height: height); maxWidth += size.width; } let gap = (width - maxWidth) / CGFloat(itemTitles.count + 1); minMargin = max(gap, BarConfig.minMargin); titlesView.reloadData(); removeBarItem(idx: selectedIndex); } private func createContentView() -> Void { if titlesView != nil { return; } let layout = UICollectionViewFlowLayout(); layout.minimumLineSpacing = 0; layout.minimumInteritemSpacing = 0; layout.scrollDirection = .horizontal; titlesView = FMBaseCollectionView(frame: .init(x: 0, y: 0, width: width, height: height), collectionViewLayout: layout); addSubview(titlesView); titlesView.register(BarItemViewCell.self, forCellWithReuseIdentifier: "title"); titlesView.delegate = self; titlesView.dataSource = self; let lineView = createView(rect: .init(x: 0, y: height - 1, width: width, height: 1)); lineView.backgroundColor = rgbColor(rgb: 234); } // MARK: - collection view delegate and dataSource func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { return titles?.count ?? 0; } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { return UIEdgeInsets(top: 0, left: minMargin, bottom: 0, right: minMargin); } func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { if titles == nil { return CGSize.zero; } let item = titles[indexPath.row]; if let size = cachesSize[item] { return CGSize(width: size.width + minMargin, height: height); } let size = titles[indexPath.row].textSize(size: CGSize.init(width: width, height: height), font: BarConfig.normalFont); let newSize = CGSize(width: size.width + minMargin, height: height); cachesSize[item] = size; return newSize; } func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "title", for: indexPath) as! BarItemViewCell; cell.titleLabel.text = titles[indexPath.row]; cell.titleLabel.isHighlighted = selectedIndex == indexPath.row; return cell; } func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) { didSelected(idx: indexPath.row); delegate?.selectedIndexItem(view: self, index: indexPath.row); } func didSelected(idx: Int) -> Void { let indexPath = IndexPath(item: idx, section: 0); titlesView.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: true); let cell = titlesView.cellForItem(at: indexPath) as? BarItemViewCell; cell?.titleLabel.isHighlighted = true; cell?.RunAnimation(); removeBarItem(idx: indexPath.row); if selectedIndex != indexPath.row { let preCell = titlesView.cellForItem(at: .init(row: selectedIndex, section: 0)) as? BarItemViewCell; preCell?.titleLabel.isHighlighted = false; preCell?.RunAnimation(); selectedIndex = indexPath.row; } } } extension JHSBarItemView { private func removeBarItem(idx: Int) { if barType == .barItem { let size = getMaxWidthAt(index: idx); lineBarView.frame = .init(x: size.width, y: height - 2, width: size.height, height: 2); }else if barType == .maskView { let size = getMaxWidthAt(index: idx); lineBarView.frame = .init(x: size.width - minMargin/2, y: 0, width: size.height + minMargin, height: height); } } func getMaxWidthAt(index: Int) -> CGSize { if titles == nil || titles.count == 0 { return CGSize.zero; } var maxWidth: CGFloat = minMargin; var sizeWidth: CGFloat = cachesSize[titles[0]]!.width; if index > 0 { for item in 1...index { let title = titles[item]; let size = cachesSize[title]!; maxWidth += size.width + minMargin; sizeWidth = size.width; } } return CGSize(width: maxWidth + minMargin/2, height: sizeWidth); } private func configBarType() -> Void { if barType == .barItem { if lineBarView == nil { lineBarView = createView(rect: .init(x: 0, y: height - 2, width: 30, height: 2)); lineBarView.backgroundColor = UIColor.red; lineBarView.layer.cornerRadius = 2; lineBarView.layer.masksToBounds = true; } titlesView.addSubview(lineBarView); }else if barType == .maskView { if lineBarView == nil { lineBarView = createView(rect: .init(x: 0, y: 0, width: 30, height: height)); lineBarView.backgroundColor = UIColor.green.withAlphaComponent(0.2); lineBarView.isUserInteractionEnabled = false; } titlesView.addSubview(lineBarView); }else{ titlesView?.removeFromSuperview(); } } } class BarItemViewCell: UICollectionViewCell { var titleLabel: UILabel! override init(frame: CGRect) { super.init(frame: frame); titleLabel = createLabel(rect: bounds, text: ""); titleLabel.textAlignment = .center; titleLabel.textColor = BarConfig.normalColor; titleLabel.highlightedTextColor = BarConfig.hlightedColor; titleLabel.font = BarConfig.normalFont; } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } func RunAnimation(animation: Bool = true) -> Void { self.titleLabel.font = self.titleLabel.isHighlighted ? BarConfig.hlightedFont : BarConfig.normalFont; } }
这个封装了导航栏的操作,并且实现了自动刷新功能。我们也可以自己扩展实现。
我们来定义一个控制器:
// // 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; } }
我们只要继承这个就可以了:下面我们看使用方法:
// // 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地址
以上就是关于swift4.2如何实现新闻首页导航的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。