让不懂编程的人爱上iPhone开发(2017秋iOS11+Swift4+Xcode9版)-第6篇

让不懂编程的人爱上iPhone开发(2017秋iOS11+Swift4+Xcode9版)-第6篇

欢迎继续回来一起学习iPhone开发。

热身结束,让我们真正来做游戏吧!

到目前为止我们已经完成了基本的用户界面,而且也学习了如何确定滑动条的位置,这样我们的to-do清单上已经解决了一大部分内容。

剩下的主要事情就是生成目标随机数,然后计算玩家的得分了。

不过在此之前让我们先对滑动条做一些改进。

Outlets

这货不是奥特莱斯这种土豪长逛的购物场所,更不是插座,而是某种接口。

在之前的学习中,我们已经学会了如何把滑动条的数值保持在变量中,然后将其显示在提示对话框中。这个算是不小的进步了,不过我们还可以做的更好。

想想看,如果你想把storyboard里面的滑动条初始数值设置为1或者100,又该怎么办呢?currentValue这个时候的数值就是错的,因为应用始终假定它的初始值是50。

如果你的记忆力足够好,最简单的方法似乎是给currentValue赋予一个新的初始值。这样似乎是理所当然的。

不过当你的项目越来越大时,里面会有几个,十几个甚至更多的视图控制器,你不可能一个个去手动修改。更可怕的是,你很可能忘了还有这个事情要去处理。

所以我们最好用下面的方法来处理:

回到Xcode,点击ViewController.swift,找到viewDidLoad()方法,其中的代码如下:

override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
}

当我们使用Xcode模板来创建新的项目时,Xcode就会自动把viewDidLoad()方法放进源代码。这里我们需要添加点新的代码。

当视图控制器从storybaord文件中加载用户界面时,UIKit会立即发送viewDidLoad()消息。此时视图控制器仍然不可见,因此在这里设置变量的初始值会非常的合适。

更改viewDidLoad()的方法如下:

override func viewDidLoad() {
super.viewDidLoad()
currentValue = lroundf(slider.value)
}

为什么这样来处理呢?因为这里我们会直接获取storyboard中滑动条的初始值(不管是50,1还是100),然后把它作为currentValue的初始值。

作为一个强迫症重度患者,你可能已经看到红色的错误提示了,Use of undeclared identifier ‘slider’

肿么会这样?因为viewDidLoad()方法对slider这个东西一无所知。

且慢,之前在sliderMoved()方法里面似乎用到过吧?不信你来看:

@IBAction func sliderMoved(slider: UISlider){
// println("滑动条的当前数值是: \(slider.value)")
currentValue = lroundf(slider.value)
}

这里我们同样用到了slider.value,我们对slider.value四舍五入,然后保存到currentValue。那么为毛在sliderMoved()方法中有用,但是在viewDidLoad()方法中没用呢?

区别在于这里的slider指的是sliderMoved()这个方法的参数。

@IBAction func sliderMoved(slider: UISlider){

所谓的参数就是方法名称后面圆括号中的东西。这里只有一个名为slider的参数,它代表的是用于发送这个动作消息的UISlider对象。

动作方法通常有一个参数,代表触发该方法的UI控件。当我们需要在方法中使用该对象的时候,这种做法就会非常有用。

在我们这个例子里,当用户拖动滑动条时,UISlider滑动条对象会说,“视图控制器你好~我是一个滑动条对象,刚才我被人动了。顺便说一下,这是我的电话号码,你可以通过它来联系我。”

至于视图控制器这个大哥会不会来给滑动条报仇,就不是我们要讨论的事情了~

此时的slider变量包含了“电话号码”,可惜的是它只在这个特定的方法中存活。

换句话说,它是一个本地变量(local)。一旦方法执行完毕,它的生命也就终结了。

科普时间:本地变量

之前我们介绍变量的时候,曾经提到过每一个变量都有特定的生命周期,又被成为scope(我朝NB人士喜欢叫作用域,也有叫范围的)。一个变量的作用范围取决于我们定义该变量的位置。

在Swift语言中有三种作用范围水平:

1.Global scope 全局范围(或者全局域,叫神马不重要)。

此类变量可以在应用的整个生命周期里面存活,而且可以从任何一个地方来访问。

2.Instance scope 实例范围

此类变量可以在对象的生命周期里面存活,比如currentValue这个变量。这些变量也活的比较久,只要拥有它们的对象还活着,它就不会挂。

3.Local scope 本地范围

比如sliderMoved()方法中的slider参数,它只能在方法体内存活。只要程序执行离开当前方法,这些本地变量就挂了。

让我们看看showAlert()方法中的代码:

@IBAction func showAlert(){
let mesage = "滑动条的当前数值是:\(currentValue)"
let alert = UIAlertController(title:"Hello Messi",
message:mesage,
preferredStyle: .alert)
let action = UIAlertAction(title:"ok",style: .default,handler: nil)
alert.addAction(action)
present(alert, animated: true, completion: nil)
}

因为message,alert和action对象是在方法体内创建的,因此它们都属于本地变量。它们只能在showAlert()动作执行期间存活。

一旦showAlert()方法执行完毕,计算机就会销毁message,alert和action对象。它们的存储空间也会被释放出来。

currentValue这个变量则是不老仙翁。事实上它几乎是永生的,只要它赖以生存的ViewController小宇宙还在,它就会一直存在。这种类型的变量又被称之为实例变量,因为它的作用范围和它的主人是一样的。

换句话说,我们可以用实例变量来保存一个数值,而且在不同的动作方法中都可以使用。

因此,真正有效的方法是将滑动条的引用保存到一个实例变量中,正如我们对currentValue所做的那样。

只不过这一次的变量数据类型不是int(整数),而是UISlider(滑动条对象)。而且我们不是用的常规实例变量,而是一个特殊的实例变量,其类型是outlet。

回到Xcode,在ViewController.swift中添加如下的一行代码:

@IBOutlet weak var slider:UISlider!

那么这行代码应该添加在哪里呢?

其实并不重要,只要你确保这行代码在class ViewController 的花括号中,当然方便起见最好是紧接着class ViewController: UIViewController { 这行代码的下面。

修改后的代码如下:

//
// ViewController.swift
// BullsEye
//
// Created by eseedo on 10/11/17.
// Copyright © 2017 eseedo. All rights reserved.
//
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var slider:UISlider!
var currentValue: Int = 50
override func viewDidLoad() {
super.viewDidLoad()
currentValue = lroundf(slider.value)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}

@IBAction func showAlert(){
let mesage = "滑动条的当前数值是:\(currentValue)"
let alert = UIAlertController(title:"Hello Messi",
message:mesage,
preferredStyle: .alert)
let action = UIAlertAction(title:"ok",style: .default,handler: nil)
alert.addAction(action)
present(alert, animated: true, completion: nil)
}

@IBAction func sliderMoved(_ slider: UISlider){
print("滑动条的当前数值是: \(slider.value)")
currentValue = lroundf(slider.value)
}
}


以上代码中仅黑色加粗部分是新添加的,其它没有任何变化。

这行代码告诉Interface Builder ,现在我们有一个名为slider的变量,它可以和某个UISlider对象关联在一起。

正如Interface Builder喜欢将方法称之为actions动作,而对这些变量习惯称之为outlet。 Interface Builder会根据变量前面的@IBOutlet来判断。

至于这行代码中的weak先不必紧张。在后面的教程中会向大家解释为什么要加这个奇怪的关键词。现在只需要记住当我们创建一个outlet类型变量时,应该使用@IBOutlet weak var的形式。(好吧,最后还有个惊叹号比较难懂,有时你也会看到一个问号,这些东西会在后面来介绍。)

那么这样问题就解决了吗?显然不是。

点击工具栏上的编译运行按钮,会看到下面的错误提示:

那么为什么还是会报错呢?

记住:一个outlet变量必须跟storyboard中的某个对象关联在一起。我们刚刚定义了outlet变量,但是忘了将其和storyboard中的对象关联,所以程序就崩溃了~

打开storyboard,右键点击slider,会看到一个弹出菜单,显示了slider的所有关联。

这个弹出菜单的作用和Connections inspector完全相同。我只是希望告诉你还有这种替代方式。

点击New Referencing Outlet旁边的空心圆,然后拖出一条线到ViewController:

在显示的弹出式菜单中选择slider。

这个slider就是我们刚刚在代码中所添加的对象。这里我们已经成功的将storyboard中的slider对象和视图控制器中的slider outlet关联在一起。

ok了,点击Run按钮运行应用,直接触碰按钮,它会告诉你滑动条的当前数值是50。

关闭应用,切换到Interface Builder,更改滑动条的初始值,改成你喜欢的某个数值。再次运行应用,触碰按钮,你会看到提示对话框中的数值就是你更改后的初始值。

当然,玩过了之后,最好还是把滑动条的初始值改为50,这样方便后面操作~


科普:关于错误和警告

在开发iOS应用时,Xcode有时候会给你发黄牌警告,严重的则会直接红牌驱逐出场。黄色的警告信息出现后,你还是可以运行自己的应用,只不过在未来的某个时候会发现自己的应用莫名崩溃。当你看到红色的错误提示时,就表示你犯的错是致命的,应用根本就没办法运行。


通常情况下,作为程序猿,我们要确保代码中没有一行错误。但很多程序猿会选中忽略代码中的黄色警告,因为它们看起来不会让程序直接崩溃。不过我个人的原则是,尽可能消灭一切的黄色警告。当然,这个也不是绝对的,在某些情况下我们也需要容忍黄色的警告。具体来说,当代码中用到了第三方的类库时,因为第三方类库未必兼容最新版本的iOS,就会导致大量的警告信息。最典型的如cocos2d,每次iOS版本更新后,cocos2d的旧版本并不能保证第一时间支持最新的iOS类库。

此外,当我们使用github,google code上的一些开源项目时,也会出现类似的情况。对于此类的警告,我们有两种处理方式。一种是选择使用较低版本的iOS,以消除警告;一种是等待最新版本的第三方类库,以消除警告。还有第三种方式就是自己手动更改,但如果是cocos2d这样的规模较大的第三方类库,就必须慎重了。

但即便是此类情况所造成的警告,程序猿也应该在出现警告的地方说明原因,以及未来可能的解决方法,以及可能造成的bug,以便测试的时候来确认和改进。

如果你是产品经理,在程序猿提交的源代码中发现了大量的黄色警告,而且没有在出现警告的地方注释说明是什么原因造成的,就一定要打回去让他们仔细再看看。不要被一大堆专业术语忽悠,不行就是不行,没有什么废话。

0错误,0警告,是程序猿所必须追求的事情。即便当前版本不能实现,也一定要在后续的版本中纠正,而不能放任不管,最终酿成大错。


附赠小技巧

在结束之前,再附上一个使用Xcode的小技巧,相信对新老朋友都会有所帮助。这个小技巧是在WWDC2013上由苹果的某个美女程序媛分享的。

假定你使用的是Macbook Air等屏幕相对比较小的Mac电脑,那么会经常感觉自己的屏幕空间太小,特别是有多个视图控制器的时候。

那么Xcode提供了一个类似Safari 浏览器Tab的概念。也就是可以在一个界面中打开多个子界面,然后可以轻松跳转而互不影响。

具体是怎样的呢?请看下图。

首先,我会让整个Xcode界面全屏显示,从而focus在开发之中,而不受其它程序的影响。

其次,我使用Tab建立了多个子界面,分别用于项目导航,界面编辑和代码编辑。

创建Tab的方式是在Xcode中使用Command +T的快捷键,然后双击修改相关子界面的名称即可。

注意到这里的Tab就和浏览器打开的不同网页一样可以随意跳转而不受影响,而且名字是可以自己随便取的。如果不再需要其中的某个子界面了,直接点x关掉就好了。

这样一来,其实也会给编程增加了小小的乐趣。

3.通过在Xcode的Preferences—>Behaviors里面设置还可以设置动态的Tab,比如在进行编译的时候单独打开一个Debug的子界面。

工欲善其事必先利其器,使用Tab来尽可能利用屏幕空间,在代码注释区写小说,就和之前设置代码区的背景和字体一样,看似对编程没有任何实际帮助,但实际上这些不起眼的举动至少会让你的编程工作没那么枯燥,甚至多一些意想不到的乐趣。当然,在代码注释区写小说神马的还是算了,毕竟会影响到别人。不过如果是你自娱自乐或者学习的话,完全可以这么做。

ok,在一大堆概念之后,又到了发送福利的时间。


顺便问一下,大家的iPhone X都订到了没?是11月3号首批发货的吗?~

编辑于 2017-10-29

文章被以下专栏收录