swift语言IOS8开发战记18 NavigationItem

Posted 2023-01-29 秋雨暗千家

   上一话中我们设置了地图定位，最后把地图定位界面改成了导航栏呈现，导航栏的返回按钮我们想要改成没有字体的形式，修改导航栏的按钮样式要回到上一个页面中，所以我们在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
    

效果如图：

之后的效果我们下一话再来继续。