http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial1.png" alt="image" />
首先,打開AxurePassTextToNextPage.rp 并打開“文本傳遞給下一個頁面”頁面。
在設計區(qū)域中選擇提交按鈕,并添加一個用例到 OnClick 事件。這將打開用例編輯器對話框。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial2.png" alt="image" />
在用例編輯器中,添加一個行動設置變量值,并選擇 OnLoadVariable。
在下拉列表中選擇“文本小部件”,選擇為名稱。這將名稱文本字段中輸入的值存儲在變量 OnLoadVariable 中。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial3.png" alt="image" />
繼續(xù)留在原來的用例編輯器中,在現有的用例下添加一個行動到“開放鏈接”,并選擇第1頁。注意哦,這是很重要的,因為此動作需要這里設置的變量值——如果我們打開了第一頁,變量值永遠不會被設置。
單擊 OK,并關閉用例編輯器對話框。
單擊提交按鈕將該變量設置為用戶輸入的任何文本字段,并打開第1頁。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial4.png" alt="image" />
接下來,從站點地圖面板中打開第一個頁面。在這里,我們想要插入存儲在 OnLoadVariable 的文本值進入歡迎頁面上的文本。
在底部的頁面交互選項卡窗格中,添加一個用例到 OnPageLoad 事件。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial5.png" alt="image" />
在用例編輯器中,添加一個“設置文本”的行動,并選擇“歡迎文本面板”并單擊“fx”按鈕。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial6.png" alt="image" />
在文本輸入對話框中,將光標放到“歡迎”文本后面。點擊“插入變量 或函數……”,選擇 OnLoadVariable。 這將插入[[ OnLoadVariable ]]到文本中。無論存儲在 OnLoadVariable 上的值是什么都將取代這個文本。
單擊OK,并關閉打開的對話框。
http://wiki.jikexueyuan.com/project/axure/images/advanced-variables-pass-text-next-page-tutorial7.png" alt="image" />
預覽您的原型和測試它。單擊提交按鈕設置變量的值,打開下一個頁面,并插入值到歡迎文本。
你現在能傳遞文本到下一個頁面了嗎?
還需要其他幫助嗎?查看論壇或聯系我們 support@axure.com