封装 带发送验证码的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()
    }

你可能感兴趣的:(封装 带发送验证码的TextField)