iOS Apprentice中文版-从0开始学iOS开发-第十五课

来个深加工

在你写代码将文本作为一条新的纪录插入列表之前,让我们先来改进一下新增待办事项页面的工作方式和设计。

例如:如果可以自动为用户弹出键盘,而不是当用户点击后才弹出键盘,这样体验会好一些。

为了达到这个目的,需要在AddItemViewController.swift中添加一个方法viewWillAppear():

override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        textField.becomeFirstResponder()
    }

视图控制器在即将可视化之前接收viewWillAppear()的消息,这正是激活文本框的完美时机。我们在这里发送becomeFirstResponder()消息。

如果你是在其他平台上做这个事,通常被称为“控制聚焦”。在iOS术语中,这种控制方法称为“第一响应(first responder)”

运行app然后点击➕号按钮,你可以看到键盘会自动滑出来了。

(再说一次,如果模拟器上键盘没有自动滑出的话,可以通过command+K组合键唤醒键盘)

像这样的小细节通常会带来很好的用户体验。比起必须点击文本框才能打字,现在的做法明显快了不少。在这个日新月异的年代中,人们使用产品时不会有太多的耐心。比如一点点的瑕疵都会让用户转移到你竞争对手的产品上去。我总是花大量的精力来使自己的app尽可能的完美。

所以,我们来继续改进一下输入框。

打开故事模版并且选定文本框,进入到属性检查器并且按照下面的列表进行设置:

1、Placeholder:Name of the Item

2、Font:System 17

3、Adjust to Fit:Uncheck this

4、Capitalization:Sentence

5、Return Key:Done

设置文本框的属性

这里有一些选项可以使你配置文本框被激活时的键盘的属性。

例如,如果这个文本框仅可以输入数值的话,你可以设置Keyboard Type为Number Pad。如果这是一个用于输入Email地址的文本框,你就可以将Keyboard Type为E-mail Address。对我们这个app而言,默认的类型就正好符号要求,因为用户可以随意输入自己将要做的事情。

你也可以改变键盘上回车键的名称。默认的是“return”,这里我们改为了“Done”。这只是按钮上的标题文本,点击这个“Done”并不会自动关闭当前界面,你还需要将键盘上的“Done”按钮指向到相同的动作上,这样键盘上的Done按钮才能和导航栏上的Done按钮起到相同的作用。

选定text field然后打开链接检查器,拖拽Did End on Exit事件到视图控制器,并且选择done动作。

如果你的辅助编辑器还没关的话,也可以直接拖拽到源代码的done()方法上。

链接text field到done()动作方法

查看done动作的链接可以点击done()方法左边,屏幕边缘上的那个小圆圈,点击后会弹出一个窗口显示done()方法的链接内容。

运行app,点击键盘上的Done按钮,这时界面会自动关闭,并且在调试区域打印出我们预置的文本信息。

现在键盘上的Done按钮和导航栏上的Done按钮作用一致了

验证用户的输入并且确保它们被接收到了,是必不可缺的一个步骤。例如,用户瞬间点了一下Done按钮但是什么都没输入会发生什么。

在主界面的列表中,新增一个空白的什么都没有的行,可一点也不好,为了避免这件事的发生你需要在用户什么都没有输入前,禁止done按钮的作用。

当然,你需要同时处理两个done按钮,键盘上的一个,导航栏上的一个。让我们先着手处理键盘上的done按钮,这个稍微简单一些。

选中文本框,打开属性检查器,选中Auto-enable Return Key。

就这样,现在你运行app,什么也不输入,点击键盘上的Done按钮是不会起作用的,试试看!

选中Auto-enable Return Key

对于导航栏上的Done按钮,工作就复杂一些了。你需要监听每次一次用户敲击键盘后,文本框中的内容是否为空。如果为空,则禁用Done按钮。

如果用户的本身是点错了,可以通过Cancel按钮退出界面,但是用户点击Done按钮时,必须保证文本框中有输入的内容。

对于文本框而言,有两种输入方法,敲击键盘输入和复制黏贴,你需要给视图控制器一个委托用于文本框。

当文本框发送事件到这个委托时,你就可以知道文本框的情况了。这个委托存在于AdditemViewController内,可以对文本框的事件进行响应,并且做出合适的动作。

一个视图控制器允许委托多个对象。AdditemViewController已经有了一个委托和一个数据源用于UITableView,因为它本来就是一个UITableViewController。现在它要增加一个委托用于text field的对象,UITextfiled。

这是两种不同类型的委托并且你要使视图控制同时执行它们的规则。关于委托的更多内容我们会在下一个课程中讲解。

如何定义一个委托
在iOS系统的SDK里,委托无处不在,所以我们最好记住它总是由三个步骤完成。
1、你申明自己有能力成为一个委托——成为UITextField的委托你需要将UITextFieldDelegate写到视图控制器的类的声明中去。这样就告诉了编译器这个视图控制器可以处理来自文本框的消息。
2、你让那个有问题的对象知道视图控制器愿意成为它的委托——在我们这个例子里,这个对象是UITextField。如果你忘记了告诉文本框它有一个委托,则这个文本框永远不会发送任何消息。
3、执行委托方法——如果你没有对你发出的消息进行响应,那么委托根本不会成立。
通常,委托方法是可选的,所以你不需要执行全部的委托方法。例如:UITextFieldDelegate实际上声明了七个方法但是你仅仅关心textField(shouldChangeCharactersIn, replacementString)这一个。

打开AddItemViewController.swift,添加UITextFieldDelegate到类的声明中。

class AddItemViewController: UITableViewController,UITextFieldDelegate

现在视图控制器好比在说:“我可以做为text filed对象的委托了”
你同时也需要让text field知道这个委托的存在。

打开故事模版并且选定text field。

这里有好几种方法链接text field的委托outlet到视图控制器。我比较喜欢从链接检查器拖拽委托到视图控制器(黄色图标那个,见下图):

从链接指示器拖拽文本框的委托到视图控制器

你同时还需要添加一个outlet到导航栏的Done按钮上,如此你就可以从视图控制器内部向它发送消息,以达到禁用它的目的。

打开辅助编辑器,并且确保辅助编辑界面展示的是AddItemViewController.swift。

选定导航栏的Done按钮并且按住ctrl拖拽它到辅助编辑窗口的swift文件中去,给这个新的outlet命名为doneBarButton。

这是swift文件中应该增加了这样一行:

@IBOutlet weak var doneBarButton: UIBarButtonItem!

在AddItemViewController.swift的底部添加如下方法:

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String)-> Bool {
        let oldText = textField.text! as NSString
        let newText = oldText.replacingCharacters(in: range, with: string) as NSString
        
        if newText.length > 0 {
            doneBarButton.isEnabled = true
        } else {
            doneBarButton.isEnabled = false
        }
        return true
    }

这是UITextField的委托方法之一。每次用户修改文本后它都会被调用,无论是输入还是黏贴复制。

首先,你判断了新的文本内容:

let oldText = textField.text! as NSString
        let newText = oldText.replacingCharacters(in: range, with: string) as NSString

委托方法textField(shouldChangeCharactersIn, replacementString)不能直接给出关于新文本的内容,只有文本发生变更的时候才可以。

你需要通过读取文本框的内容来计算新的文本是什么,并且用它自己替换自己。这样你才能得到一个新的字符串对象,并且将它存储在newText常量中。

NSString与String
文本字符串在swift中的数据类型为String。但是在上面的方法中你使用了某种叫做NSString的东西。这两者有什么区别呢?
NSString是Object-C语言中用于存储文本的对象。说实在的,它比Swift中的String要强大而且简便。
然而,Swift有一个绝招:String和NSString是“桥接”的,这就是说你可以用NSString代替String。这里,你想要使用属于NSString的方法replacingCharacters(in:with:),所以你必须使swift知道这个文本是NSString类型的,而不是String。
关键字as NSString的作用就是通知swift这个oldText是一个NSString类型的常量。如果你没有这样做的话,swift会根据类型推定断定oldText是一个String对象,这样就不能使用replacingCharacters(in:with:)方法了。
顺便说一下,String并不是唯一一个和Object-C有桥接的类型,另一个例子是数组(Array)可以桥接到Object-C的NSArray上去。因为iOS的架构并不完全是由swift写成的,所以Object-C的退休时间延后了。

当你读取到了新的文本之后,你通过计算它的长度检查它是否为空,并且来禁用或者启用Done按钮:

if newText.length > 0 {
            doneBarButton.isEnabled = true
        } else {
            doneBarButton.isEnabled = false
        }

运行app并且在文本框中敲一些内容,然后删除这些内容,Done按钮就被禁用了。

唯一的问题是:在最初你还什么都没输入的时候Done按钮是可用的。这样相当于我们之前的工作都白做了,这是不允许的,所以我们来一起修复这个问题。

打开故事模版,选定Done按钮并且打开属性检查器,取消选定Enabled选框。

现在一开始的时候Done按钮就是禁用状态了。

什么都没输入的时候,无法点击Done按钮

最后我们来优化一下刚才的代码:

用下面这一行替换掉if语句

doneBarButton.isEnabled = (newText.length > 0)

之前的if语句是这样的:

if newText.length > 0 {
   // 长度大于0的情况
} else {
   // 长度小于等于0的情况
}

你通过检查条件newText.length > 0来判断是否禁用Done按钮,如果大于0的话启用,否则则禁用。

注意一下这个if语句翻译过来其实是:如果条件为真则isEnable为真,如果条件为假则isEnable为假。换而言之,isEnable不是为真就是为假。这样其实就可以简化为:

doneBarButton. isEnable = the result of the condition

就是我们刚才看到的:

doneBarButton.isEnabled = (newText.length > 0)

其实这里的括号都没有存在的必要,因为只有一个运算,所以不存在优先级。我们可以更加简化为:

doneBarButton.isEnabled = newText.length > 0

然而,这样做会使可读性变差,所以我总是习惯加上括号。

我们顺便来简单介绍一下Swift中的比较运算符:

大于 >
< 小于
= 大于等于
<= 小于等于
== 相等
!= 不相等

记住这个小把戏,无论何时你看到这个结构:

if some condition {
  something = true
} else {
  something = false
}

都可以替换为:

something = (some condition)

在实际的操作中你使用那个版本都行。我比较喜欢简短的这种,专业的人都喜欢这种方式。你需要记住的就是当比较运算符总是返回true和false的时候,你都可以用简短的方式表达它。

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

推荐阅读更多精彩内容