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