<acronym id="5er3x"></acronym>
        <track id="5er3x"><strike id="5er3x"></strike></track>
        <track id="5er3x"><ruby id="5er3x"></ruby></track>

          <p id="5er3x"></p>
        1. <bdo id="5er3x"><strike id="5er3x"><b id="5er3x"></b></strike></bdo>
        2. <acronym id="5er3x"><label id="5er3x"></label></acronym>

          案例24:賬單計算器

          • 2022-05-26 15:01:28
          • 閱讀次數:
          • 作者:盈嵐科技小編
          • 來源:http://www.iandjservices.com

          要計算這個賬單應付金額,首先根據消費項目計算出總金額,然后根據折扣率計算出折扣額,最后用總金額減掉折扣額就得到應付金額了。本案是昆明網站建設小編針對局部變量和數學函數的應用練習所做的總結。

          第一步:使用文本標簽、按鈕和水平線部件制作如圖58所示的結賬單,并按紅線提示分別給部件命名。

          當制作的原型中部件數量過多時,可將關聯部件和無關部件設置為組合的方法將原型變得扁平化。如在本案例中,筆者將介紹性內容部件全部設置為一個組合,見圖59,這樣當我們添加用例時選擇部件會清晰很多。

          第二步:選中計算按鈕,在部件【屬性】面板中雙擊【鼠標單擊時】事件,在彈出的【用例編輯器】中新增【設置文本】動作,在右側的配置動作中勾選subtotal,然后在底部選擇【設置文本為:值】,并單擊右側的【fx】,見圖60。

          11.jpg

          (圖58)

          11.jpg

          (圖59)

          11.jpg

          (圖60)

          在彈出的【編輯文本】對話框底部,單擊【添加局部變量】,分別將6道菜肴添加到局部變量中,見圖61。

          繼續在【編輯文本】對話框中單擊【插入變量或函數…】,將剛剛添加的6個局部變量插入并相加,見圖62。單擊【確定】按鈕關閉【編輯文本】對話框。

          11.jpg

          (圖61)

          11.jpg

          (圖62)

          這里昆明網站制作小編需要提醒注意的是插入表達式的格式,因為在此處要計算6道菜肴相加的和,所以要使用加法運算。在Axure中插入[[VarA+VarB]] 返回這兩個變量相加的和;如果插入[[VarA]]+[[VarB]],并不會使兩個變量進行加法運算,而是在兩個變量之間添加了一個加號。

          此時,單擊計算按鈕已經可以計算出賬單總金額了。

          繼續在【用例編輯器】中勾選discounts,并單擊下方的【fx】,在彈出的【編輯文本】對話框中單擊【添加局部變量】,將剛剛計算好的subtotal插入到局部變量中,見圖63。

          11.jpg

          (圖63)

          繼續在頂部單擊【插入變量或函數…】,在下拉列表中選擇局部變量LVAR1,根據案例開始圖58給出的信息,我們知道折扣率是75%,要計算折扣額,使用:總金額-總金額*折扣率即可。所以這里的表達式設置為:LVAR1-LVAR1*0.75,見圖64,單擊【確定】按鈕關閉【編輯文本】對話框。

          到這里,我們已經計算出了總金額和折扣額,應付金額等于:總金額減去折扣額,也就是,總金額-(總金額-總金額*折扣率)。

          12.png

          (圖64)

          繼續在【用例編輯器】中勾選total_due,單擊下方的【fx】,在彈出的【編輯文本】對話框中進行設置,見圖65,單擊兩次【確定】按鈕回到設計區域。

          11.jpg

          (圖65)

          第三步:至此,賬單計算器案例制作完畢,在頂部的工具欄中單擊【預覽】按鈕,或者按下快捷鍵F5/Shift+Command+P,快速預覽交互效果。


          當前文章標題:案例24:賬單計算器

          當前URL:http://www.iandjservices.com/news/wzzz/3471.html

          上一篇:?評審開發工作

          下一篇:案例25:模擬手機按鍵輸入的第一步

          網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)
          久久中文字幕无码_中文字幕精品无码亚洲字2021_欧美国产日韩另类综合一区_欧美日韩亚洲乱国产综合AⅤ