? ? ? ? 我們通過對一個按鈕添加交互:點擊時——打開鏈接——連接到——選擇對應的頁面蒋困,就可以很簡單的實現(xiàn)跳頁功能扛芽,這也是Axure里面用的最多的功能之一元潘。
? ? ? ? 而細心的朋友可能發(fā)現(xiàn)在連接到中有一個連接到URL或文件路徑的選項馁菜,我們點擊后出現(xiàn)一個需要我們填值的空茴扁,如何通過填寫這個值來實現(xiàn)跳頁呢?
? ? ? ??
? ? ? ? 其實做法很簡單火邓,如上圖只需要在鏈接到下面填寫對應頁面的名字并在后面加上.html就可以了丹弱,我們用Axure自帶的示例進行演示德撬,文件中有“Tour”和“Mobile”兩個頁面,當我們點擊Tour頁面中“GO TO MOBILE PAGE”按鈕時跳轉到Mobile頁面躲胳,我們當然可以用最簡單的方法直接選擇連接到Mobile頁面蜓洪,我們也可以選擇連接到URL或文件路徑,并在值中填寫“Mobile.html”,這樣的效果也是一樣的坯苹。
? ? ? 【注意】使用URL跳頁后所有的全局變量將會清空隆檀,因為系統(tǒng)認為當你使用URL打開頁面時是新建的頁面,將不會在這個“新頁面”中保留原來的全局變量粹湃。
? ? ? ? 有些人可能會有疑問恐仑,為什么明明可以直接連接到頁面,卻要使用Url來進行連接呢为鳄?因為使用變量進行跳轉的場景則更為豐富裳仆,例如我們有三個頁面“Tour”“Mobile”“Share”,前兩個頁面之間都有通往Share的按鈕孤钦,而Share頁面作為一個全局頁面只有一個返回按鈕歧斟,如何讓用戶點擊返回按鈕時返回之前的頁面呢?這就需要在返回按鈕中使用變量URL了偏形。
具體做法如下:
1.首先點擊屏幕上方Axure菜單欄中“項目”——“全局變量”静袖,新建一個名為“WhoCalledShare”(變量名可自定義,只要是英文都可以)俊扭。
2.回到Tour頁面队橙,在Share圖標上面加熱區(qū)(為什么使用熱區(qū)而不直接在圖標上編寫邏輯?)萨惑,并在熱區(qū)中編寫交互“點擊時”——“設置變量值”——目標“WhoCalledShare”——設置為“值”——值點擊fx——“插入變量和函數(shù)”——選擇頁面函數(shù)類中的“PageName”——確定完成捐康;
再添加“點擊時”——打開鏈接——鏈接到“Share”,到這里我們實現(xiàn)了Tour頁面在點擊Share按鈕時的變量賦值和跳頁邏輯咒钟。
【注意:】請務必將跳頁邏輯至于賦值邏輯之后吹由,因為一旦跳頁邏輯開始,跳頁邏輯后所寫賦值的邏輯將不再執(zhí)行朱嘴。
3.打開Mobile頁面,重復在Tour頁面中的操作粗合,實現(xiàn)Mobile頁面在點擊Share按鈕時的變量賦值和跳頁邏輯萍嬉。
4.打開Share頁面,在BACK按鈕上編寫交互“點擊時”——“打開鏈接”——鏈接到——鏈接到URL或文件路徑——點擊fx-插入變量和函數(shù)-選擇“WhoCalledShare”——之后在后面加上.html——確認完成即可隙疚。
這樣我們就實現(xiàn)了之前GIF圖中通過變量和URL鏈接實現(xiàn)復雜的頁面跳轉的效果壤追。
思考:通過URL跳轉頁面的方式雖然方便,但是會丟失全局變量供屉,那么如何在保證不丟失全局變量的情況下也實現(xiàn)根據(jù)變量來跳轉頁面呢行冰?其實也不難溺蕉,設置返回按鈕點擊時命令的啟用情形就好了,分別設置if WhoCalledShare == "Tour"時悼做,鏈接到Tour頁面和if WhoCalledShare == "Mobile"時鏈接到Mobile頁面就好啦疯特。
——————————————————文章目錄——————————————————
Chapter 1
開始前的準備
2.?沒有完整構想的產(chǎn)品上來直接開畫就是耍流氓漓雅。
4. 移動端的相關規(guī)范朽色,多多少少還是要知道一點點的邻吞。
Chapter?2
開始做吧,初學時懵逼的問題:
12. 交互趣效、變量、函數(shù)我該怎么著手學習猪贪?
Chapter3
實戰(zhàn)教程跷敬,未完待續(xù)...