第一步：請使用矩形部件、文本輸入框、文本標(biāo)簽部件制作如圖51所示的會員登錄模塊。并給賬號和密碼文本輸入框和登錄按鈕分別命名為：username、pwd和login。

第二步：在【頁面】面板也就是站點(diǎn)地圖面板中，雙擊Page1，然后拖放一個(gè)文本標(biāo)簽部件到設(shè)計(jì)區(qū)域，并給其命名為welcome。

（圖51）

第三步：單擊設(shè)計(jì)區(qū)域上方的index 標(biāo)簽，回到index頁面。如果在原型中打開了很多標(biāo)簽，可通過設(shè)計(jì)區(qū)域右上角的【選擇和管理標(biāo)簽】進(jìn)行快捷選擇和管理，見圖52。

（圖52）

第四步：回到index頁面，選中登錄按鈕，在右側(cè)部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【設(shè)置變量值】動作，在【配置動作】中勾選Name_Var，如果你還未創(chuàng)建該變量，單擊【添加全局變量】添加即可，見圖53-A，然后在配置動作底部的下拉列表中選擇【部件文字】，在右側(cè)下拉列表中選擇【username】，也就是賬號文本輸入框，見圖53-B。

昆明網(wǎng)站制作小編認(rèn)為這個(gè)動作的意思是：將 username文本輸入框中的部件文字存儲到Name_Var 這個(gè)全局變量中；也可理解為將 Name_Var這個(gè)全局變量值設(shè)置為username文本輸入框中的部件文字。

（圖53）

繼續(xù)在【用例編輯器】左側(cè)新增【新窗口/新標(biāo)簽】打開鏈接動作，并在右側(cè)【配置動作】中選擇page1，見圖54。單擊【確定】按鈕關(guān)閉【用例編輯器】。

（圖54）

第五步：雙擊page1頁面，在部件【屬性】面板中雙擊【頁面載入時(shí)】事件，在彈出的【用例編輯器】中新增【設(shè)置文本】動作，在【配置動作】中勾選welcome，并在底部設(shè)置文本為：【富文本】，然后單擊【編輯文本…】，見圖55。

（圖55）

在彈出的【輸入文本】對話框中輸入【歡迎回來，】，然后單擊【插入變量或函數(shù)…】。在下拉列表中選擇 Name_Var 這個(gè)全局變量，見圖56，單擊兩次【確定】按鈕關(guān)掉對話框回到設(shè)計(jì)區(qū)域。

這里選擇【富文本】，是可以對變量值的顯示進(jìn)行自定義修改的，比如我們給全局變量Name_Var前面加了【歡迎回來，】，還可以調(diào)整字體、顏色、對齊等。

這個(gè)動作的意思是：當(dāng)page1這個(gè)頁面載入時(shí)，就設(shè)置welcome這個(gè)文本標(biāo)簽部件的值為全局變量Name_Var中所存儲的值。

（圖56）

第六步：雙擊index頁面，然后在頂部的工具欄中單擊【預(yù)覽】按鈕，或者按下快捷鍵F5/Shift+Command+P，快速預(yù)覽交互效果，見圖57。

（圖57）

昆明網(wǎng)站建設(shè)小提示：在設(shè)置變量時(shí)應(yīng)注意動作的執(zhí)行順序，如圖441組織動作中所示，設(shè)置變量動作在打開新窗口動作上面，也就是先執(zhí)行設(shè)置變量再打開新窗口，如果將他們的位置互換，先執(zhí)行打開新窗口再執(zhí)行設(shè)置變量的話，這個(gè)案例就會失敗了。