封装 带发送验证码的TextField

需求：封装一个获取验证码的按钮像这样：

获取验证码

• 由于UITextField自身便存在leftView 和rightView，因此本着尽量使用系统自带模块的思路，打算把图片放倒leftView，按钮放在rightView，因此：class InputField: UITextField，并添加图片和按钮，（按钮是一个extention）

            let imageView = UIImageView(image: image)
            leftViewMode = UITextFieldViewMode.always

            rightView = UIButton(60)
            rightView?.frame = CGRect(x: 0, y: -10, width: 100, height: 30)
            rightView?.layer.cornerRadius = 6
            rightView?.layer.masksToBounds = true
         
            rightView = rightView
            rightViewMode = UITextFieldViewMode.always

• 但是最终结果却是差强人意，图片的左侧和按钮的右侧紧紧贴着textField的边缘，
  为解决这个问题做如下尝试:

• 思路就是ImageView宽度设置宽一点，然后让图片不变形，ok！没有问题

            let imageR = image?.size
            
            let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: (imageR?.width)! + 20, height: (imageR?.height)!))
            imageView.image = image
            imageView.contentMode = UIViewContentMode.scaleAspectFit
            
            leftView = imageView
            leftViewMode = UITextFieldViewMode.always

• 按钮的话就没有办法了。查过资料之后，发现重写***- (CGRect) rightViewRectForBounds:(CGRect)bounds ***，因此在swift中重写该方法（左视图其实也可以按照这种方式去修改，会比该imageView大小要和规矩的多）

    override func rightViewRect(forBounds bounds: CGRect) -> CGRect {
        var rect = super.rightViewRect(forBounds: bounds)
        rect.origin.x += -10
        return rect
    }

// 一发不可收拾，接着改了后面这些
    override func leftViewRect(forBounds bounds: CGRect) -> CGRect {
        var rect = super.leftViewRect(forBounds: bounds)
        rect.origin.x += 10
        return rect
    }
    override func editingRect(forBounds bounds: CGRect) -> CGRect
    {
        var rect = super.editingRect(forBounds: bounds)
        rect.origin.x += 10
        rect.size.width -= 20
        return rect
    }
    override func placeholderRect(forBounds bounds: CGRect) -> CGRect {
        var rect = super.editingRect(forBounds: bounds)
        rect.origin.x += 10
        rect.size.width -= 20
        return rect
    }

最终效果实现，简单功能就没代码了，关键是下面的🕳️！

下面说说坑

-swift3.1 xcode8.3
本来计划不是用继承， 而是打算用***extention UITextField{} ***

但是在重写swift中func rightViewRect(forBounds bounds: CGRect) -> CGRect方法的时候，结果～boom！

报错了

method 'rightViewRectForBounds' with Objective-C selector 'rightViewRectForBounds:' conflicts with method 'rightViewRect(forBounds:)' with the same Objective-C selector

查过资料，但是不太明白

• 因为swift和oc重名，所以修改方法名，！修改方法名之后，谁认识他，还重写个J8
• 加private，filePrivate，public 什么的，目的不同但是结果相同，不起作用

如果谁知道解决办法，或者为什么不行，还劳烦通知一下～

按钮是个extention，只是添加了一个方法没有遇到重写的坑，关键代码如下，里面有个dispathSourceTimer，网上资料也是各个版本都有，我的就也贴一下，有问题，找百度

func timeLess() {
        var _timeout: Int = tag
        
        let _queue = DispatchQueue.global()
        let _timer = DispatchSource.makeTimerSource(queue: _queue)

        //创建计时器
        _timer.scheduleRepeating(deadline: DispatchTime.init(uptimeNanoseconds: UInt64(_timeout)), interval: DispatchTimeInterval.seconds(1))
        _timer.setEventHandler { 
            //
            if _timeout <= 0 {
                // 倒计时结束
                _timer.cancel()
                DispatchQueue.main.async {
                    // 如需更新UI 代码请写在这里
                    self.isEnabled = true
                    self.setTitle("重新获取", for: UIControlState.normal)
                    self.backgroundColor = UIColor.orange
                }
            } else {
                
                print(_timeout)
                _timeout -= 1
                
                DispatchQueue.main.async {
                    // 如需更新UI 代码请写在这里
                    self.setTitle("已发送：\(_timeout)", for: UIControlState.normal)
                    self.backgroundColor = UIColor.lightGray
                    
                }
            }
        }
        _timer.resume()
    }