swift语言IOS8开发战记16 Protocol and Map

    接着之前的内容来讲,我们在每个店铺的location后面增加一个地图定位功能,需要把label的尺寸也调节一下,调整后的DetailViewCell代码如下:
import UIKit

class DetailTableViewCell: UITableViewCell {
    
    var keyLabel: UILabel!
    var valueLabel: UILabel!
    var mapButton: UIButton!
    var buttonWidth:CGFloat = 40
    var buttonHeight:CGFloat = 30
    var viewWidth:CGFloat = 320
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        keyLabel = UILabel(frame: CGRectMake(14, 7, 100, 40)
        self.contentView.addSubview(keyLabel)
        let labelFont:UIFont = UIFont(name: "Avenir-Medium",size:12)!
        valueLabel = UILabel(frame: CGRectMake(100, 4, 170, 40))
        valueLabel.font = labelFont
        valueLabel.numberOfLines = 0 //行数不限
        valueLabel.adjustsFontSizeToFitWidth = true
        self.contentView.addSubview(valueLabel)
//mapButton
        mapButton = UIButton(frame: CGRectMake(viewWidth - buttonWidth - 5, 7, buttonWidth, buttonHeight))
        mapButton.backgroundColor = UIColor.orangeColor()
        mapButton.setTitle("Map", forState: .Normal)
        mapButton.hidden = true
        self.contentView.addSubview(mapButton)
    }

    required init(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

可以看到在UIViewController中我们要在当前页面中增加一部分内容需要用self.view.addSubview,但是在UITableViewCell中想要在当前页面增加内容,需要用self.contentView.addSubview。另外我们可以看到mapButton.hidden的属性设为true,这是因为我们现在设置的是针对每一个cell的,而只有location项后面的才需要显示Map按钮,所以设为隐藏,然后在DetailViewController中初始化每一行的时候把location对应那一行的Map按钮hidden属性设为false,显示出来,代码如下:

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let indentfier = "detailCell"
        var cell = DetailTableViewCell (style: .Default, reuseIdentifier: indentfier)
        switch indexPath.row {
        case 0:
            cell.keyLabel.text = "Name"
            cell.valueLabel.text = rest?.name
        case 1:            cell.keyLabel.text = "Type"
            cell.valueLabel.text = rest?.type
        case 2:
            cell.keyLabel.text = "Location"
            cell.valueLabel.text = rest?.location
            cell.mapButton.hidden = false
        case 3:
            cell.keyLabel.text = "Be here"
            let here = rest!.isVisit ? "Yes,I'm here" : "No"
            cell.valueLabel.text = here
        default:
            break
        }
        return cell
    }

效果如图:


我们想要在这个页面的导航中显示当前餐馆的名字,需要在DetailViewCellController中的计算属性restSingle中的set方法中增加代码:


self.navigationItem.title = rest?.name

效果如图:


我们来试一下写一个代理,在DetailTableViewCell.swift的代码现在是这样:

import UIKit

protocol DetailTableViewDelegate:NSObjectProtocol {
    func detailTableView(cell:DetailTableViewCell ) ->Void
}

class DetailTableViewCell: UITableViewCell {
    
    var keyLabel: UILabel!
    var valueLabel: UILabel!
    var mapButton: UIButton!
    var detailDelegate:DetailTableViewDelegate!
    var buttonWidth:CGFloat = 40
    var buttonHeight:CGFloat = 30
    var viewWidth:CGFloat = 320
    
    
    required init(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        keyLabel = UILabel(frame: CGRectMake(14, 7, 100, 40))
        self.contentView.addSubview(keyLabel)
        let labelFont:UIFont = UIFont(name: "Avenir-Medium",size:12)!
        valueLabel = UILabel(frame: CGRectMake(100, 4, 170, 40))
        valueLabel.font = labelFont
        valueLabel.numberOfLines = 0 //行数不限
        valueLabel.adjustsFontSizeToFitWidth = true
        self.contentView.addSubview(valueLabel)
        mapButton = UIButton(frame: CGRectMake(viewWidth - buttonWidth - 5, 7, buttonWidth, buttonHeight))
        mapButton.backgroundColor = UIColor.orangeColor()
        mapButton.setTitle("Map", forState: .Normal)
        mapButton.hidden = true
        mapButton.addTarget(self, action: "clickMapBtn", forControlEvents: .TouchUpInside)
        self.contentView.addSubview(mapButton)
    }

  func  clickMapBtn(){
    self.detailDelegate.detailTableView(self)
    }
    
}

我们定义了代理DetailTableViewProtocol,我们让DetailViewController实现这个代理,然后在它的返回cell的代码方法中在return cell之前赋值

cell.detailDelegate = self

并且因为实现了代理,所以需要实现代理的方法:

func detailTableView(cell: DetailTableViewCell ) {
        let mapViewController = MapViewController()
        self.presentViewController(mapViewController, animated: true, completion: nil)
    }

我们新定义了一个mapViewController用来实现点击map按钮的事件,mapViewController代码如下:

import UIKit

class MapViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

     self.view.backgroundColor = UIColor.orangeColor()
    }

    



}

运行点击Map按钮来试一下,结果如下:



证明我们的代理起作用了,现在把这个界面加上地图的功能,我们在MapViewController中增加一个包MapKit,代码如下:

import UIKit
import MapKit

class MapViewController: UIViewController {

    var mapView: MKMapView!
    override func viewDidLoad() {
        super.viewDidLoad()
        mapView = MKMapView(frame: self.view.bounds)
        self.view.addSubview(mapView)

     self.view.backgroundColor = UIColor.orangeColor()
    }

}
运行后的效果如下:


地图是空的,我们先不纠结这个问题,之前我们做的有个问题是在share和review的页面中背景图片是写死的,现在让上一个页面给新页面传值。两个按钮的实现方法是一样的,以share按钮为例,首先在ShareViewController中增加一个存储属性和一个计算属性,这里只有一个存储属性就能起作用了,计算属性留到后面:

var imageString: String!
    var iamge:String{
        set(newString){
            imageString = newString
        }
        get{
            return imageString
        }
        
    }

把下面我们之前写成固定值的地方改写成imageString:

imageView.image = UIImage(named: imageString)

之后回到上一个控制器也就是DetailViewController中,在share按钮调用的action方法clickShare中增加传值的代码,修改后的方法如下:

func clickShare(sender: UIButton){
        let share = ShareViewController()
        share.imageString = rest?.image
        self.presentViewController(share, animated: true, completion: nil )//临时展示一个控制器
    }

review如法炮制就好。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值