- 说明:IOS没用自带的顶部滑动菜单栏控件,需要导入第三方库,我所使用的是PageMenu
- 备注:PageMenu学习
-
界面展示
菜单1.png
菜单2.png
菜单3.png
1. 使用pod将PageMenu导入项目中
(1)报错:
O-C的选择器.png
(2)解决:报错函数前加@objc后重新编译
函数前加@objc.png
1. 步骤
(1)新建视图:在故事版中拖入2个ViewController视图
新建视图.png
(2)新建控制器:
- 新建视图控制器MyPageMenuViewController.swift
- 新建视图控制器NewsListController.swift
(3)视图和控制器绑定
视图1和MyPageMenuViewController控制器绑定.png
视图2和NewsListController控制器绑定.png
2. 具体实现
(1)MyPageMenuViewController.swift
//
// MyPageMenuViewController.swift
// JackUChat
//
// Created by 徐云 on 2019/1/15.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
import PageMenu
class MyPageMenuViewController: UIViewController {
var pageMenu : CAPSPageMenu?
let categoryArray = ["娱乐","体育","科技"]
var controllerArray : [UIViewController] = []
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
//导航title设置为空则跳转后不会显示上一级导航的文字,仅显示返回按钮图标
navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .plain, target: self, action: nil)
showMenu()
}
func showMenu() {
// let controller1 : UIViewController = UIViewController()
// controller1.view.backgroundColor = UIColor.purple
// controller1.title = "娱乐"
// controllerArray.append(controller1)
//
// let controller2 : UIViewController = UIViewController()
// controller2.view.backgroundColor = UIColor.orange
// controller2.title = "体育"
// controllerArray.append(controller2)
//
// let controller3 : UIViewController = UIViewController()
// controller3.view.backgroundColor = UIColor.gray
// controller3.title = "科技"
// controllerArray.append(controller3)
//菜单控制器
for category in categoryArray {
let vc = self.storyboard?.instantiateViewController(withIdentifier: "NL_TVC_ID") as! NewsListController
vc.title = category
vc.parentNavi = self.navigationController
self.controllerArray.append(vc)
}
//菜单样式
let parameters: [CAPSPageMenuOption] = [
.menuItemSeparatorWidth(4.3),
.scrollMenuBackgroundColor(UIColor.white),
.viewBackgroundColor(UIColor.orange),
.bottomMenuHairlineColor(UIColor.gray),
.selectionIndicatorColor(UIColor.jackColor),
.menuMargin(20.0),
.menuHeight(40.0),
.selectedMenuItemLabelColor(UIColor.jackColor),
.unselectedMenuItemLabelColor(UIColor.gray),
.menuItemFont(UIFont(name: "HelveticaNeue-Medium", size: 14.0)!),
.useMenuLikeSegmentedControl(true),
.menuItemSeparatorRoundEdges(true),
.selectionIndicatorHeight(2.0),
.menuItemSeparatorPercentageHeight(0.1)
]
//菜单位置
let frame = CGRect(x: 0, y: 100, width: self.view.frame.width, height: self.view.frame.height)
pageMenu = CAPSPageMenu(viewControllers: self.controllerArray, frame: frame, pageMenuOptions: parameters)
//添加到当前控制器的视图上
self.view.addSubview(self.pageMenu!.view)
}
/*
// MARK: - Navigation
// In a storyboard-based application, you will often want to do a little preparation before navigation
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
// Get the new view controller using segue.destination.
// Pass the selected object to the new view controller.
}
*/
}
备注
:NL_TVC_ID为第二个视图的身份标识,即Storyboard ID的属性值
(2)NewsListController.swift
//
// NewsListController.swift
// JackUChat
//
// Created by 徐云 on 2019/1/15.
// Copyright © 2019 Liy. All rights reserved.
//
import UIKit
class NewsListController: UITableViewController {
var parentNavi : UINavigationController?
var newsList = ["示例新闻"]
override func viewDidLoad() {
super.viewDidLoad()
// Uncomment the following line to preserve selection between presentations
// self.clearsSelectionOnViewWillAppear = false
// Uncomment the following line to display an Edit button in the navigation bar for this view controller.
// self.navigationItem.rightBarButtonItem = self.editButtonItem
newsList.append(title!)//title为上一个页面传递的值
}
// MARK: - Table view data source
// override func numberOfSections(in tableView: UITableView) -> Int {
// // #warning Incomplete implementation, return the number of sections
// return 0
// }
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
// #warning Incomplete implementation, return the number of rows
return newsList.count
}
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "TextCell", for: indexPath) as! TextCell
// Configure the cell...
let news = newsList[indexPath.row]
cell.titleLabel.text = news
cell.commentLabel.text = "评论: 0"
return cell
}
//重载单元格的点击事件,实现不同类型的单元格跳转到不同界面
override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
let detailVC = storyboard?.instantiateViewController(withIdentifier: "ND_VC_ID") as! NewsDetailViewController
detailVC.title = title! + "新闻详情"
//present(detailVC, animated: true, completion: nil)//无导航回不去
parentNavi?.pushViewController(detailVC, animated: true)//有导航可回去
}
/*
// Override to support conditional editing of the table view.
override func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {
// Return false if you do not want the specified item to be editable.
return true
}
*/
/*
// Override to support editing the table view.
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
// Delete the row from the data source
tableView.deleteRows(at: [indexPath], with: .fade)
} else if editingStyle == .insert {
// Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
}
}
*/
/*
// Override to support rearranging the table view.
override func tableView(_ tableView: UITableView, moveRowAt fromIndexPath: IndexPath, to: IndexPath) {
}
*/
/*
// Override to support conditional rearranging of the table view.
override func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
// Return false if you do not want the item to be re-orderable.
return true
}
*/
/*
// MARK: - Navigation
// In a storyboard-based application, you will often want to do a little preparation before navigation
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
// Get the new view controller using segue.destination.
// Pass the selected object to the new view controller.
}
*/
}
网友评论