第一步:請使用矩形部件、文本輸入框、文本標簽部件制作如圖51所示的會員登錄模塊。并給賬號和密碼文本輸入框和登錄按鈕分別命名為:username、pwd和login。
第二步:在【頁面】面板也就是站點地圖面板中,雙擊Page1,然后拖放一個文本標簽部件到設(shè)計區(qū)域,并給其命名為welcome。
(圖51)
第三步:單擊設(shè)計區(qū)域上方的index 標簽,回到index頁面。如果在原型中打開了很多標簽,可通過設(shè)計區(qū)域右上角的【選擇和管理標簽】進行快捷選擇和管理,見圖52。
(圖52)
第四步:回到index頁面,選中登錄按鈕,在右側(cè)部件【屬性】面板中雙擊【鼠標單擊時】事件,在彈出的【用例編輯器】中新增【設(shè)置變量值】動作,在【配置動作】中勾選Name_Var,如果你還未創(chuàng)建該變量,單擊【添加全局變量】添加即可,見圖53-A,然后在配置動作底部的下拉列表中選擇【部件文字】,在右側(cè)下拉列表中選擇【username】,也就是賬號文本輸入框,見圖53-B。
昆明網(wǎng)站制作小編認為這個動作的意思是:將 username文本輸入框中的部件文字存儲到Name_Var 這個全局變量中;也可理解為將 Name_Var這個全局變量值設(shè)置為username文本輸入框中的部件文字。
(圖53)
繼續(xù)在【用例編輯器】左側(cè)新增【新窗口/新標簽】打開鏈接動作,并在右側(cè)【配置動作】中選擇page1,見圖54。單擊【確定】按鈕關(guān)閉【用例編輯器】。
(圖54)
第五步:雙擊page1頁面,在部件【屬性】面板中雙擊【頁面載入時】事件,在彈出的【用例編輯器】中新增【設(shè)置文本】動作,在【配置動作】中勾選welcome,并在底部設(shè)置文本為:【富文本】,然后單擊【編輯文本…】,見圖55。
(圖55)
在彈出的【輸入文本】對話框中輸入【歡迎回來,】,然后單擊【插入變量或函數(shù)…】。在下拉列表中選擇 Name_Var 這個全局變量,見圖56,單擊兩次【確定】按鈕關(guān)掉對話框回到設(shè)計區(qū)域。
這里選擇【富文本】,是可以對變量值的顯示進行自定義修改的,比如我們給全局變量Name_Var前面加了【歡迎回來,】,還可以調(diào)整字體、顏色、對齊等。
這個動作的意思是:當page1這個頁面載入時,就設(shè)置welcome這個文本標簽部件的值為全局變量Name_Var中所存儲的值。
(圖56)
第六步:雙擊index頁面,然后在頂部的工具欄中單擊【預覽】按鈕,或者按下快捷鍵F5/Shift+Command+P,快速預覽交互效果,見圖57。
(圖57)
昆明網(wǎng)站建設(shè)小提示:在設(shè)置變量時應(yīng)注意動作的執(zhí)行順序,如圖441組織動作中所示,設(shè)置變量動作在打開新窗口動作上面,也就是先執(zhí)行設(shè)置變量再打開新窗口,如果將他們的位置互換,先執(zhí)行打開新窗口再執(zhí)行設(shè)置變量的話,這個案例就會失敗了。
當前文章標題:案例23:全局變量的簡單應(yīng)用(用戶登錄后的歡迎提示)
當前URL:http://www.gtalker.cn/news/wzzz/3459.html
上一篇:在動作中設(shè)置變量值
下一篇:函數(shù)列表