这篇文章主要为大家展示了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进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
