利用NSNotificationCenter消息通信机制观察UI

2016-04-17  本文已影响0人  tarzipc

文章链接
UITextField本身自带三个消息类型:

UITextFieldTextDidBeginEditingNotification
UITextFieldTextDidChangeNotification
UITextFieldTextDidEndEditingNotification

至于作用嘛,看名字就知道了啦~~
因为登录界面需要,所以今天就稍微的了解了一下= =,然后怕又会忘记了,所以就记录下来了。

接下来讲讲怎么使用这三个东西。

首先,我想实现一个这样的功能,就是以下(还在很后面呢)的登录界面,登录按钮在用户名或者密码为空的时候是无法点击的,当用户名和密码都不是空的时候,登录按钮才可以点击。而且最重要的是这个过程是动态的,不能等用户名或密码输完了后在判断,于是代理方法里的textFieldDidEndEditing就帕斯掉了,那么不还有一个shouldChangeCharactersInRange方法吗?这家伙不也是可以实时监控输入内容的吗?非得用nsnotification?嗯,你可以自己尝试下。。。。。
于是我就用UITextFieldTextDidChangeNotification来实现我的功能啦,如名所说,只要文本框发生变化就会触发消息。
首先添加观察者, 记得不用的时候要解除掉通知哦。:

//ViewContrller.swift 
    override func viewDidLoad() {
        super.viewDidLoad()
        ......
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(self.loginStatus(_:)), name: UITextFieldTextDidChangeNotification, object: nil)
        // Do any additional setup after loading the view.
    }
    override func viewDidDisappear(animated: Bool) {
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UITextFieldTextDidChangeNotification, object: nil)
    }

实现loginStatus方法。搞定。

//ViewContrller.swift
    func loginStatus(sender: NSNotification) {
        //sender.object!.isEqual(self.userText)
        //sender.object!.isEqual(self.pwdText)
        if (!self.userText.text!.isEmpty && !self.pwdText.text!.isEmpty) {
            self.btn_Login.enabled = true
        } else {
            self.btn_Login.enabled = false
        }
    }


以下是该方法的原型

func addObserver(observer: AnyObject, selector aSelector: Selector, name aName: String?, object anObject: AnyObject?)

让本菜鸟稍稍作下解释:
observer: 观察者,嗯。
selector: 选择器, 嗯。
name: 消息名,嗯。
object: 对象, 嗯。(哎呀,千万不要扔石头= =,很通俗易懂的解释有木有)
这里的object指的是发送消息的对象,如果是nil的话,如我上面所写的,那么所有的UITextField对象都可以发送消息,也就是我的userText和pwdText啦,如果指明对象的话,那么只有注册的对象才能发哦。如下,self.pwdText将不会发送消息,因为没有注册嘛!还有当多个对象共用同一个选择器时,可以通过sender.object!.isEqual()判断是哪个对象哦。

NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(self.loginStatus(_:)), name: UITextFieldTextDidChangeNotification, object: self.userText)
这里写图片描述 这里写图片描述

通过上面的俩照片, 细心的同学可能发现了,当我编辑文本框时文本框下面的线颜色变了耶,很炫酷有木有(好吧,我知道其实很菜= =)
其实这个功能是完全可以用代理方法实现的,即

textFieldDidEndEditing
textFieldDidBeginEditing

但是呢,很不巧,上面俩UITextFiled是我自定义的。。。bottom线当然也属于自定义的一部分啦,我可不想每次新创建一个UITextField对象都要去设置一下代理方法。又有同学说了,那你不会让你自定义的UITextField自己去实现代理方法啊,这个方法好像也可行,但是又很不凑巧,我的ViewController也要实现它们的代理方法。。。。(!@#¥!@¥)
于是呢,就有了下面一大串实现这个功能的代码了。嗯,点点点是其它被省略的代码。

class TSUITextField: UITextField {
    ........
    ........
    override init(frame: CGRect) {
        super.init(frame: frame)
        .....
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(self.changeBottomLineColor), name: UITextFieldTextDidBeginEditingNotification, object: self)
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(self.changeBottomLineColor), name: UITextFieldTextDidEndEditingNotification, object: self)
        .....
    }
    ......
    func changeBottomLineColor() {
        if self.editing {
            self.bottomLine.backgroundColor = self.bottomLineColorOfSelected
        } else {
            self.bottomLine.backgroundColor = self.bottomLineColorOfNormal
        }
    }
    
    func setBottomLineColor(color: UIColor, state: UIControlState){
        switch state {
        case UIControlState.Normal:
            self.bottomLineColorOfNormal = color
        case UIControlState.Selected:
            self.bottomLineColorOfSelected = color
        default:
            break
        }
    }
    ......
    deinit {
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UITextFieldTextDidBeginEditingNotification, object: nil)
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UITextFieldTextDidEndEditingNotification, object: nil)
    }
}

上面的代码其实就做了这么几件事。

  1. 对自己注册了UITextFieldTextDidBeginEditingNotification和UITextFieldTextDidEndEditingNotification消息,也可以理解为自己获得焦点时发送消息,失去焦点时又发送一次消息。
  2. 实现处理方法changeBottomLineColor()。这里面用到了UITextField的可读属性editing,当失去焦点时editing为false,获得焦点时为true,通过它就可以自由更换颜色了。
上一篇下一篇

猜你喜欢

热点阅读