美文网首页swiftiOS Developer
iOS Apprentice中文版-从0开始学iOS开发-第十五

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

作者: Billionfan | 来源:发表于2017-05-02 01:23 被阅读450次

    来个深加工

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

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

    为了达到这个目的,需要在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的时候,你都可以用简短的方式表达它。

    相关文章

      网友评论

      • crazy一笑:楼主辛苦,翻译的很仔细,>= 那个地方有遗漏,顺便问一下楼主方便的时候可以把项目用到的素材发我一份吗?万分感谢!980805023@qq.com
      • 林水溶:可以可以.
      • 大吉__:续赞~

      本文标题:iOS Apprentice中文版-从0开始学iOS开发-第十五

      本文链接:https://www.haomeiwen.com/subject/ylhuzttx.html