新AS3基礎(chǔ)教程-第52課-簡易計算器小數(shù)點功能優(yōu)化
在本節(jié)課中,我們將在上一節(jié)課的基礎(chǔ)上為簡易計算器添加小數(shù)點功能。首先,我們需要復(fù)制并重命名51.fla文件為52.fla,并在Flash CS6中打開該文件進(jìn)行代碼修改。 添加小數(shù)點按鈕功能小數(shù)點按鈕
在本節(jié)課中,我們將在上一節(jié)課的基礎(chǔ)上為簡易計算器添加小數(shù)點功能。首先,我們需要復(fù)制并重命名51.fla文件為52.fla,并在Flash CS6中打開該文件進(jìn)行代碼修改。
添加小數(shù)點按鈕功能
小數(shù)點按鈕的實現(xiàn)與數(shù)字輸入按鈕類似,因此我們在模塊2.2內(nèi)添加小數(shù)點按鈕的代碼。通過在響應(yīng)函數(shù)內(nèi)設(shè)置布爾變量來限制小數(shù)點的重復(fù)輸入,確保每次只能輸入一個小數(shù)點。
優(yōu)化小數(shù)點輸入限制
在測試影片時,發(fā)現(xiàn)如果用戶多次點擊小數(shù)點按鈕可能導(dǎo)致計算結(jié)果顯示為NAN(不是一個數(shù)字)。為避免這種情況,我們需要添加布爾變量來限制小數(shù)點的重復(fù)輸入,同時在運算符按鈕和等于號按鈕的響應(yīng)函數(shù)內(nèi)將開關(guān)設(shè)為true。
設(shè)置初始值為0
經(jīng)過測試發(fā)現(xiàn),若用戶在初始狀態(tài)下直接點擊小數(shù)點按鈕,動態(tài)文本的顯示結(jié)果為空,而實際計算器通常會顯示為0.為使計算器更符合實際操作,我們需要將動態(tài)文本的初始值設(shè)為“0”。
優(yōu)化數(shù)字顯示效果
當(dāng)用戶輸入第一個數(shù)字不是小數(shù)點時,在顯示結(jié)果前去除多余的0對于提升用戶體驗至關(guān)重要。通過調(diào)整代碼邏輯,在動態(tài)文本的值不是“0”時直接追加數(shù)字,當(dāng)值為“0”時則直接賦值為輸入數(shù)字。
改進(jìn)輸入顯示效果
經(jīng)過反復(fù)測試,發(fā)現(xiàn)在輸入小數(shù)數(shù)字時,使用點號代替0并不友好。我們需要在運算符按鈕的響應(yīng)函數(shù)內(nèi)將空值修改為“0”,確保輸入0.x時能正確顯示輸入結(jié)果。
通過以上優(yōu)化,我們成功提升了簡易計算器的用戶體驗,確保用戶在使用小數(shù)點功能時能夠得到準(zhǔn)確且友好的輸入顯示效果。