广

IOS开发

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    Swift实现iOS应用中短信验证码倒计时功能的实例分享

    2018-04-06 10:40:40 次阅读 稿源:互联网
    广告

    在开始之前,我们先来了解一个概念 属性观测器(Property Observers):

    属性观察器监控和响应属性值的变化,每次属性被设置值的时候都会调用属性观察器,甚至新的值和现在的值相同的时候也不例外。

    可以为属性添加如下的一个或全部观察器:

    • willSet在新的值被设置之前调用
    • didSet在新的值被设置之后立即调用

    接下来开始我们的教程,先展示一下最终效果:

    首先声明一个发送按钮:
    代码如下:

    var sendButton: UIButton!

    在viewDidLoad方法中给发送按钮添加属性:
    代码如下:

    override func viewDidLoad() {
        super.viewDidLoad()

        sendButton = UIButton()
        sendButton.frame = CGRect(x: 40, y: 100, width: view.bounds.width - 80, height: 40)
        sendButton.backgroundColor = UIColor.redColor()
        sendButton.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        sendButton.setTitle("获取验证码", forState: .Normal)
        sendButton.addTarget(self, action: "sendButtonClick:", forControlEvents: .TouchUpInside)

        self.view.addSubview(sendButton)
    }

    接下来声明一个变量remainingSeconds代表当前倒计时剩余的秒数:
    代码如下:

    var remainingSeconds = 0

    我们给remainingSeconds添加一个willSet方法,这个方法会在remainingSeconds的值将要变化的时候调用,并把值传递给参数newValue:
    代码如下:

    var remainingSeconds: Int = 0 {
        willSet {
            sendButton.setTitle("验证码已发送(/(newValue)秒后重新获取)", forState: .Normal)

            if newValue <= 0 {
                sendButton.setTitle("重新获取验证码", forState: .Normal)
                isCounting = false
            }
        }
    }

    当remainingSeconds变化时更新sendButton的显示文本。

    倒计时的功能我们用NSTimer实现,先声明一个NSTimer实例:
    代码如下:

    var countdownTimer: NSTimer?

    然后我们声明一个变量来开启和关闭倒计时:
    代码如下:

    var isCounting = false {
        willSet {
            if newValue {
                countdownTimer = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: "updateTime", userInfo: nil, repeats: true)

                remainingSeconds = 10
                sendButton.backgroundColor = UIColor.grayColor()
            } else {
                countdownTimer?.invalidate()
                countdownTimer = nil

                sendButton.backgroundColor = UIColor.redColor()
            }

            sendButton.enabled = !newValue
        }
    }

    同样,我们给isCounting添加一个willSet方法,当isCounting的newValue为true时,我们通过调用NSTimer的类方法
    scheduledTimerWithTimeInterval:target:selector:userInfo:repeats:创建并启动刚才声明的countdownTimer实例,这个实例每一秒钟调用一次updateTime:方法:
    代码如下:

    func updateTime(timer: NSTimer) {
         // 计时开始时,逐秒减少remainingSeconds的值
        remainingSeconds -= 1
    }

    当isCounting的newValue为false时,我们停止countdownTimer并将countdownTimer设置为nil。

    此外我们还设置了倒计时的时间(这里为了演示时间设置为5秒)和发送按钮在不同isCounting状态下的样式(这里调整了背景色)和是否可点击。

    最后实现sendButtonClick:方法,这个方法在点击sendButton时调用:
    代码如下:

     func sendButtonClick(sender: UIButton) {
        // 启动倒计时
        isCounting = true
    }

    完成!

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告