把從頁面輸入的值傳遞到下一個(gè)頁面

添加 OnClick 用例到提交按鈕

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial1.png" alt="image" />

首先，打開AxurePassTextToNextPage.rp 并打開“文本傳遞給下一個(gè)頁面”頁面。

在設(shè)計(jì)區(qū)域中選擇提交按鈕，并添加一個(gè)用例到 OnClick 事件。這將打開用例編輯器對(duì)話框。

把名稱文本存儲(chǔ)在一個(gè)變量中

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial2.png" alt="image" />

在用例編輯器中，添加一個(gè)行動(dòng)設(shè)置變量值，并選擇 OnLoadVariable。

在下拉列表中選擇“文本小部件”，選擇為名稱。這將名稱文本字段中輸入的值存儲(chǔ)在變量 OnLoadVariable 中。

添加動(dòng)作打開第一張頁面

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial3.png" alt="image" />

繼續(xù)留在原來的用例編輯器中，在現(xiàn)有的用例下添加一個(gè)行動(dòng)到“開放鏈接”，并選擇第1頁。注意哦，這是很重要的，因?yàn)榇藙?dòng)作需要這里設(shè)置的變量值——如果我們打開了第一頁，變量值永遠(yuǎn)不會(huì)被設(shè)置。

單擊 OK，并關(guān)閉用例編輯器對(duì)話框。

單擊提交按鈕將該變量設(shè)置為用戶輸入的任何文本字段，并打開第1頁。

添加頁面加載用例到第1頁

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial4.png" alt="image" />

接下來，從站點(diǎn)地圖面板中打開第一個(gè)頁面。在這里，我們想要插入存儲(chǔ)在 OnLoadVariable 的文本值進(jìn)入歡迎頁面上的文本。

在底部的頁面交互選項(xiàng)卡窗格中，添加一個(gè)用例到 OnPageLoad 事件。

在歡迎文本面板部件中設(shè)置文本

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial5.png" alt="image" />

在用例編輯器中，添加一個(gè)“設(shè)置文本”的行動(dòng)，并選擇“歡迎文本面板”并單擊“fx”按鈕。

插入變量值到文本

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial6.png" alt="image" />

在文本輸入對(duì)話框中，將光標(biāo)放到“歡迎”文本后面。點(diǎn)擊“插入變量 或函數(shù)……”，選擇 OnLoadVariable。 這將插入[[ OnLoadVariable ]]到文本中。無論存儲(chǔ)在 OnLoadVariable 上的值是什么都將取代這個(gè)文本。

單擊OK，并關(guān)閉打開的對(duì)話框。

預(yù)覽原型

http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial7.png" alt="image" />

預(yù)覽您的原型和測試它。單擊提交按鈕設(shè)置變量的值，打開下一個(gè)頁面，并插入值到歡迎文本。

總結(jié)

你現(xiàn)在能傳遞文本到下一個(gè)頁面了嗎？
還需要其他幫助嗎？查看論壇或聯(lián)系我們 support@axure.com