上一话中我们设置了地图定位,最后把地图定位界面改成了导航栏呈现,导航栏的返回按钮我们想要改成没有字体的形式,修改导航栏的按钮样式要回到上一个页面中,所以我们在DetailViewController的viewDidLoad方法中加上如下代码:
self.navigationItem.backBarButtonItem = UIBarButtonItem(title: "", style: .Plain, target: nil, action: nil)
这样返回按钮就成了如下的样子:
现在如果我们想要往列表中增加新的内容,需要给导航栏增加一个添加新餐馆的按钮。要在主页面上添加按钮,所以要回到ViewController中添加按钮,在viewDidLoad中添加以下代码:
self.navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .Add, target: nil, action: "addRest")
顾名思义是在导航栏的右侧添加一个按钮,按钮样式是系统自带的Add样式,效果如红圈中所示:
然后我们新建一个控制器NewViewController用来展示跳转到的增加新餐馆的页面,实现新增按钮的跳转方法,跳到新页面
func addRest(){ let newVC = NewViewController() self.navigationController?.pushViewController(newVC, animated: true) }
我们来编辑NewViewController,首先在其中设定它的cell的格式,依旧让它做自己的datasource和delegate,代码如下:
import UIKit class NewViewController: UIViewController,UITableViewDataSource,UITableViewDelegate { let identifier = "newCell" override func viewDidLoad() { super.viewDidLoad() self.view.backgroundColor = UIColor.orangeColor() //增加一个tableview var tableView = UITableView(frame: self.view.bounds, style: .Plain) tableView.dataSource = self tableView.delegate = self tableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "newCell") self.view.addSubview(tableView) } func numberOfSectionsInTableView(tableView: UITableView) -> Int { return 1 } func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 5 } func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = UITableViewCell(style: .Default, reuseIdentifier: "newCell") cell.textLabel?.text = "hello" return cell } func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat { var row:NSInteger = indexPath.row var rowHeight:CGFloat = 72 if row == 0 { rowHeight = 250 } return rowHeight } }
我们需要定义datasource和delegate的一些方法,tableView中有5行,先让每一行显示一个hello,以验证复用。另外第一行要高一点,用来显示图片,其他行显示文字,运行后的效果如下:
每一行的信息比较复杂,我们需要专门编写一个方法来实现cell的初始化,方法congigureCell的代码如下,我们先初始化第一行,让它显示一张图片:
func configureCell(cell:UITableViewCell, indexPath: NSIndexPath){ let row:NSInteger = indexPath.row if row == 0{ let imageView = UIImageView(frame: CGRectMake(0, 0, 320, 250)) imageView.image = UIImage(named: "camera") imageView.contentMode = UIViewContentMode.ScaleAspectFit//适应尺寸 cell.addSubview(imageView) }
在cell的代理方法中需要用这个方法来初始化cell,代码如下:
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = UITableViewCell(style: .Default, reuseIdentifier: "newCell") self.configureCell(cell, indexPath: indexPath) return cell }
效果如图:
之后的效果我们下一话再来继续。