驗證碼倒計時的前世今生

這兩天沒事在群里聊聊天打打屁,發(fā)現(xiàn)很多群友都在問驗證碼倒計時怎么搞的,那我們來扒一扒驗證碼倒計時好了

準(zhǔn)備元件


操作步驟

[01]設(shè)置全局變量timer,對矩形dianji設(shè)置背景顏色填充藍(lán)色,設(shè)置禁用顏色為灰色及字體顏色為白色

[02]設(shè)置矩形的【鼠標(biāo)單擊時】添加“case1”設(shè)置值為20


[03]繼上一步添加第2個動作,設(shè)置矩形【禁用】


[04]繼上一步添加第3個動作,設(shè)置動態(tài)面板【設(shè)置面板狀態(tài)】,選擇狀態(tài)【Next】、向后循環(huán)、循環(huán)間隔1000毫秒


[05]為動態(tài)面板添加兩個動態(tài)面板狀態(tài)state1,state2.state1,state2不做任何操作


[06]設(shè)置動態(tài)面板的【狀態(tài)改變時】添加“case1”,為“case1”添加條件判斷,判斷條件為【變量值】于timer【>】【值】0,設(shè)置符合條件判斷時,對矩形設(shè)置文字為已發(fā)送![[timer]]秒后可重新獲取。

條件判斷設(shè)置


case設(shè)置


[07]繼上一步添加第2個動作,設(shè)置timer減1


[08]為動態(tài)面板的【狀態(tài)改變時】添加“case2”,設(shè)置矩形【啟用】


[09]繼上一步添加第2個動作,為矩形設(shè)置文字為“點擊發(fā)送驗證碼”


[10]繼上一步添加第3個動作,設(shè)置動態(tài)面板【設(shè)置面板狀態(tài)】,選擇狀態(tài)【停止循環(huán)】


補(bǔ)充說明

timer是全局變量,在整個原型中任何地方對其進(jìn)行讀取和寫入的操作,當(dāng)然前提是你要有這個全局變量撒,木有,那就白搭?。。。?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,109評論 25 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,586評論 19 139
  • 1.基本使用 將要使用的圖片拖入到項目里,我這里使用的是名為“1.jpg”的圖片,然后創(chuàng)建UIImageView,...
    LJCoder閱讀 8,345評論 5 5
  • 在職是是同事,離職后是朋友。雖然目前我們的公司沒有前員工俱樂部,但是往常公司對于離職員工的忠實,以及二次入職員工的...
    張磊沙閱讀 120評論 0 0
  • 平靜的湖面,造就不了精悍的水手。身處安逸的環(huán)境很難練就一身武藝,因為放棄了拼搏。有時候我們焦慮地回頭望著走過的路,...
    軒之韻閱讀 354評論 1 2

友情鏈接更多精彩內(nèi)容