<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>

          案例20:會員登錄條件判斷

          • 2022-04-29 19:21:53
          • 閱讀次數:
          • 作者:盈嵐科技小編
          • 來源:http://www.iandjservices.com

          第一步:請使用矩形部件、文本輸入框和標簽部件制作如圖4所示的會員登錄模塊,并分別給用戶名、密碼、登錄按鈕和錯誤提示4個部件命名為name、password、login和warning,然后將 warning部件設置為隱藏。

          11.jpg

          (圖4)

          第二步:選中登錄按鈕,在部件【屬性】面板中雙擊【鼠標單擊時】事件,在彈出的【用例編輯器】頂部單擊【添加條件】,在彈出的【條件編輯器】中新增兩個條件,見圖5。

          條件1:如果部件name中的文字等于 Axure。

          條件2:如果部件 password中的文字等于 Axure。

          11.jpg

          (圖5)

          當這兩個條件都為true時,也就是同時滿足兩個條件時,會員登錄成功,在當前窗口打開page1;當這兩個條件中的任意一個不為true 時,也就是兩個條件中的任何一個未滿足時,會員登錄失敗,顯示warning提示。

          在Axure的【條件編輯器】中,默認選項是符合【全部】以下條件,見圖6,點擊下拉列表可以選擇符合【任何】以下條件,也就是滿足條件中的任意一個時。

          11.jpg

          (圖6)

          根據之前昆明網站建設小編對該案例的描述,此處選擇符合【全部】以下條件,單擊【確定】按鈕關閉【條件編輯器】。

          第三步:在【用例編輯器】中新增【當前窗口】動作,在【配置動作】中勾選page1,見圖7,單擊【確定】按鈕關閉【用例編輯器】。

          此時,當用戶名和密碼輸入框中的值都等于“Axure”時,就在當前窗口打開page1的交互就設置完畢了,下面繼續設置條件不滿足時的交互。

          11.jpg

          (圖7)

          第四步:選中login部件,在部件【屬性】面板中再次雙擊【鼠標單擊時】事件,或者單擊右側的小加號,繼續添加用例,如圖8。在彈出的【用例編輯器】中新增【顯示】動作,在右側【配置動作】中勾選warning,并設置其可見性為【顯示】,動畫【淡入淡出】,時間【500】毫秒,見圖9,單擊【確定】按鈕關閉【用例編輯器】。

          11.jpg

          (圖8)

          11.jpg

          (圖9)

          第五步:在頂部的工具欄中單擊【預覽】按鈕,或者按下快捷鍵F5/Shift+Command+P,快速預覽交互效果。

          在此,昆明網站制作小編需要提醒注意:Axure中的用例是自上至下按順序執行的,例如在案例20中,單擊登錄按鈕時,先執行Case1判斷用戶名和密碼輸入框中的值是不是等于Axure,如果等于Axure就執行在當前窗口打開page1的動作;如果用戶名或密碼輸入框中的值不等于Axure,就執行Case2,見圖10。

          11.jpg

          (圖10)


          當前文章標題:案例20:會員登錄條件判斷

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

          上一篇:高級交互——條件邏輯概述

          下一篇:交互和條件邏輯

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