JavaFx实现倒计时按钮组件(类似发送激活码)-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaFx实现倒计时按钮组件(类似发送激活码)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

原文地址: JavaFx实现倒计时按钮组件(类似发送激活码) - Stars-One的杂货小窝

本文基于TornadoFx框架进行编写,封装工具代码是kotlin版本

然后也是顺便把这个封装成了stars-one/common-controls
里的xCountDownBtn

效果

JavaFx实现倒计时按钮组件(类似发送激活码)

思路

点击按钮的时候,将当前按钮设置为禁用状态,之后开启一个线程去倒计时,间隔1s修改一下按钮的文本文字,当倒计时结束的时候,将按钮从禁用状态改为正常状态即可

在JavaFx中,由于提供了对应的观察者模式,按钮的文本和禁用状态都是与某个数据绑定,之后修改这个数据即可实现修改文本和状态的功能,还是挺方便的

下面的是简单的源代码文章来源地址https://www.toymoban.com/news/detail-440078.html

代码

//倒计时的按钮提示
val tip = "发送验证码"
val codeTip = SimpleStringProperty(tip)
val time = SimpleIntegerProperty(0)

jfxbutton(codeTip) {
    disableWhen { time.greaterThan(0) }

    time.addListener { _, _, newValue ->
        runLater {
            if (newValue == 0) {
                codeTip.value = tip
            } else {
                codeTip.value = "$tip $newValue"
            }
        }
    }
    action {
       
        //todo 你的逻辑..
        
        time.value = 60
        
        runAsync {
            repeat(60) {
                runLater {
                    time.value = time.value - 1
                }
                Thread.sleep(1000)
            }
        }
        
    }
}

到了这里，关于JavaFx实现倒计时按钮组件(类似发送激活码)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！