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

原文地址: JavaFx实现倒计时按钮组件(类似发送激活码) - Stars-One的杂货小窝
本文基于TornadoFx框架进行编写,封装工具代码是kotlin版本
然后也是顺便把这个封装成了stars-one/common-controls
里的xCountDownBtn
效果


思路

点击按钮的时候,将当前按钮设置为禁用状态,之后开启一个线程去倒计时,间隔1s修改一下按钮的文本文字,当倒计时结束的时候,将按钮从禁用状态改为正常状态即可
在JavaFx中,由于提供了对应的观察者模式,按钮的文本和禁用状态都是与某个数据绑定,之后修改这个数据即可实现修改文本和状态的功能,还是挺方便的
下面的是简单的源代码
代码

1. //倒计时的按钮提示
2. val tip = "发送验证码"
3. val codeTip = SimpleStringProperty(tip)
4. val time = SimpleIntegerProperty(0)
6. jfxbutton(codeTip) {
7.     disableWhen { time.greaterThan(0) }
9.     time.addListener { _, _, newValue ->
10.         runLater {
11.             if (newValue == 0) {
12.                 codeTip.value = tip
13.             } else {
14.                 codeTip.value = "$tip $newValue"
15.             }
16.         }
17.     }
18.     action {
19.       
20.         //todo 你的逻辑..
21.         
22.         time.value = 60
23.         
24.         runAsync {
25.             repeat(60) {
26.                 runLater {
27.                     time.value = time.value - 1
28.                 }
29.                 Thread.sleep(1000)
30.             }
31.         }
32.         
33.     }
34. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！