82课:开发一个App,记录值得回忆的地方

课程笔记文集地址:Udemy课程:The Complete iOS 9 Developer Course - Build 18 Apps

用老师的原话来说,这是一个大项目,好吧,视频的长度是46分钟,也算是大项目吧!

一、Storyboard 布局

新建工程,使用一个 Navigation Controller ,这是之前的课程里没有讲过的知识点,设为 Initial View Controller,Segue(show) 连接一个 Map View Controller(点击 Bar Button Item 跳转到 Map View Controller。

注意这个 Navigation Controller 自带一个 TableViewController.

Map View Controller 拖入 MKMapView 控件,设置 AutoLayout 约束。创建 Outlet 连接。

二、新建类文件

给 Storyboard 里每个界面创建类文件,去 Storyboard 中关联一下。TableViewController 拖动简历 delegate 和 datasource。

TableViewController 类文件里完成必须要有的 2 个 datasource 方法。

三、获取用户位置需要进行的操作。

获取用户的位置需要进行的操作之前的课程里已经讲过了,也写到笔记里了,我在这里再重复一遍。

1、引入 CoreLocation.framework

步骤如下图,5步点击 + 号按钮:



点击 + 后,弹出框里输入查询:


选择 CoreLocation.framework,最终效果如下图:


这两个地方有了变化。

2、设置 plist 文件,请求用户权限

只在需要用的时候才获取用户的位置信息,NSLocationWhenInUseUsageDescription

如下图,两个里只需写一个即可:

Value 一栏输入的内容,是你在想用户请求获取位置信息权限时,显示给用户的一段内容,这段内容的目的是告诉用户为什么要使用你的位置,从而用户能够根据你说的理由决定是否给你这个权限。

3、类文件的代码

在与Map View Controller 关联的类文件里开始写代码,如下图中所标出的内容:

然后在 viewDidLoad 里写入下列代码:

    override func viewDidLoad() {
        super.viewDidLoad()
        //创建实例
        manager = CLLocationManager()
        //协议委托
        manager.delegate = self
        //设置用户位置的精确度
        manager.desiredAccuracy = kCLLocationAccuracyBest
        //请求权限(这里和plist文件里的设置要一致)
        manager.requestWhenInUseAuthorization()
        //开始获取位置
        manager.startUpdatingLocation()        
    }

四、获取用户位置之后进行处理

在这一部分里,所有的操作都是在与Map View Controller 关联的类文件进行的。

1、让地图控件显示的图像正好是用户位置的周围

    func locationManager(manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        
        let userLocation:CLLocation = locations[0] as! CLLocation
        
        let latitude:CLLocationDegrees = userLocation.coordinate.latitude
        
        let longitude:CLLocationDegrees = userLocation.coordinate.longitude
        
        let latDelta:CLLocationDegrees = 0.01
        
        let lonDelta:CLLocationDegrees = 0.01
        
        let span:MKCoordinateSpan = MKCoordinateSpanMake(latDelta, lonDelta)
        
        let coordinate:CLLocationCoordinate2D = CLLocationCoordinate2DMake(latitude, longitude)
        
        let region:MKCoordinateRegion = MKCoordinateRegionMake(coordinate, span)
        
        map.setRegion(region, animated: false)
        
    }

2、创建手势

override func viewDidLoad() {
    super.viewDidLoad()

        ...

    let uilpgr = UILongPressGestureRecognizer(target: self, action: #selector(ViewController.action(_:)))
        
    uilpgr.minimumPressDuration = 2.0
        
    map.addGestureRecognizer(uilpgr)
}

创建 action 方法,和之前课程学到的方法差不多,不过多了一个 if 判断。这个好处就是,长按立马进行操作,而不是长按,抬起手指,然后再进行操作。能够提高用户体验,没有 if ,用户会觉得等待时间过长了。

func action(gestureRecognizer: UIGestureRecognizer) {
     //提高用户体验的关键点
     if gestureRecognizer.state == UIGestureRecognizerState.Began {
        //记录用户长按所在的点的位置
        var touchPoint = gestureRecognizer.locationInView(self.map)
        //将手指所在的点的位置转换成地图上的2D坐标数值
        var newCoordinate: CLLocationCoordinate2D = map.convertPoint(touchPoint, toCoordinateFromView: self.map)

        let location = CLLocation(latitude: newCoordinate.latitude, longitude: newCoordinate.longitude)
        CLGeocoder().reverseGeocodeLocation(location, completionHandler: { (placemarks, error) -> Void in
            //在后面的部分,我们会在这个闭包里进行大量的代码编程,闭包之外的代码在后面的会省略掉
        })

        //这之后的代码都是添加图钉标记,在后面的操作里会发现,这部分放到了闭包里
        var annotation = MKPointAnnotation()        
        annotation.coordinate = newCoordinate        
        annotation.title = "New Place"     
        map.addAnnotation(annotation)     
    }   
}

�3、处理闭包里的操作

闭包里的有关操作在 78 课里讲过一部分,这里又根据这次的需求添加了一些变化:

            CLGeocoder().reverseGeocodeLocation(location, completionHandler: { (placemarks, error) -> Void in                              
                var title = ""              
                if (error == nil) {                   
                    //if statement was changed
                    if let p = placemarks?[0] {                      
                        var subThoroughfare:String = ""
                        var thoroughfare:String = ""     
                        if p.subThoroughfare != nil {                           
                            subThoroughfare = p.subThoroughfare!                           
                        }                        
                        if p.thoroughfare != nil {                            
                            thoroughfare = p.thoroughfare!                            
                        }                       
                        title = "\(subThoroughfare) \(thoroughfare)"                                                
                    }                   
                }
                
                if title.stringByTrimmingCharactersInSet(NSCharacterSet.whitespaceCharacterSet()) == "" {                    
                    title = "Added \(NSDate())"                    
                }
                //这个 places 是一个全局数组变量,数组的类型是词典类型,词典的键值都是 String 类型,老师在 TableViewController 里创建的,不过既然是全局变量,在这个类的上面创建也是一样的
                //给数组添加了两个元素
                places.append(["name":title,"lat":"\(newCoordinate.latitude)","lon":"\(newCoordinate.longitude)"])
                //是的,把添加图钉的操作放到了闭包里了
                print(places)                
                let annotation = MKPointAnnotation()                
                annotation.coordinate = newCoordinate                
                annotation.title = title                
                self.map.addAnnotation(annotation)                
            })

五、完善 TableViewController

1、全局数组变量

刚刚提到的 places 全局数组变量,这行代码要鞋子 class 之外:

var places = [Dictionary<String,String>()]

2、修改 datasource 的两个方法

现在,可以使用 places 数组了。

    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return places.count
    }
    
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as UITableViewCell  
        cell.textLabel?.text =  places[indexPath.row]["name"]
        return cell
    }

3、数组的第一个元素是空的字典

是的,我一开始没有看懂为什么要添加这个代码:

    override func viewDidLoad() {
        super.viewDidLoad()
        if places.count == 1 {            
            places.removeAtIndex(0)            
            places.append(["name":"Taj Mahal","lat":"27.175277","lon":"78.042128"])            
        }
    }

于是,我加上几个 print 来查看一下原因,如下图:

看到控制台输入的打印信息了吗?你还没有创建任何新的地点,这个数组里已经有一个元素了,所以需要这段代码去掉第一个元素,新建一个默认的地点(当然你也可以没有默认地点,一开始就空白,不过这个操作会稍微复杂一丁点)。

六、地图显示某个点的位置

我感觉到这一步才开始学习新东西,前面那些都是之前课程里涉及过的。。。是的,这节视频长达 46 分钟,到 37分钟才开发讲新的东西。。。实际上新东西只有10来分钟而已嘛!!

需求如下:点击 TableViewController 上某一行地点,跳转地图界面,且地图显示的就是刚刚选择的地点。

1、创建 Segue

选中 cell,拖到地图界面,点击 show(Selection Segue,别选错了),如下图:


2、记住用户点击了哪一行

创建全局变量,在 places 下面写下:

var activePlace = -1

然后使用 TableView 里的一个方法:

override func tableView(tableView: UITableView, willSelectRowAtIndexPath indexPath: NSIndexPath) -> NSIndexPath? {
    activePlace = indexPath.row
    return indexPath
}

3、通过 Segue 传值

在 Storyboard 中,对点击 + 产生的 Segue 输入 identifier:newPlace

override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {        
    if segue.identifier == "newPlace" {            
        activePlace = -1            
    }        
}

这样,如果 active 值是 -1,则是在新建图钉,如果不是 -1,则是在查看已有地点的信息。

4、确保 TableView 上的数据是最新的

这个简单:

override func viewWillAppear(animated: Bool) {
    tableView.reloadData()        
}

5、区分新建和查看

这上面的需要是要查看已有的地点信息,点击 + 则是要新建地点,都是在这个 Map View Controller 进行,所以需要区分哪个请求是新建,哪个是查看。

区分方法如下,用 if 语句来判断:

    override func viewDidLoad() {
        super.viewDidLoad()       
        manager = CLLocationManager()
        manager.delegate = self
        manager.desiredAccuracy = kCLLocationAccuracyBest

        //如果值为 -1,则是在新建图钉
        if activePlace == -1 {            
            manager.requestWhenInUseAuthorization()
            manager.startUpdatingLocation()
        //如果不是 -1,则是在查看之前记录的地点    
        } else {
            //把字典里的字符串转换成数值
            let latitude = NSString(string: places[activePlace]["lat"]!).doubleValue
            //把字典里的字符串转换成数值
            let longitude = NSString(string: places[activePlace]["lon"]!).doubleValue
            //这往下的内容没有什么变化了,之前都学过了
            let coordinate = CLLocationCoordinate2DMake(latitude, longitude)            
            let latDelta:CLLocationDegrees = 0.01            
            let lonDelta:CLLocationDegrees = 0.01            
            let span:MKCoordinateSpan = MKCoordinateSpanMake(latDelta, lonDelta)            
            let region:MKCoordinateRegion = MKCoordinateRegionMake(coordinate, span)            
            self.map.setRegion(region, animated: true)
            let annotation = MKPointAnnotation()           
            annotation.coordinate = coordinate           
            annotation.title = places[activePlace]["name"]          
            self.map.addAnnotation(annotation)          
        }
        
        let uilpgr = UILongPressGestureRecognizer(target: self, action: #selector(ViewController.action(_:)))        
        uilpgr.minimumPressDuration = 2.0        
        map.addGestureRecognizer(uilpgr)        
    }

七、结束

恩,最后十分钟的讲解还是不错的!之前有些拖沓了,就当是巩固吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容