【Axure筆記】8.如何使用url及變量鏈接頁面并實現(xiàn)跳轉

? ? ? ? 我們通過對一個按鈕添加交互:點擊時——打開鏈接——連接到——選擇對應的頁面蒋困,就可以很簡單的實現(xiàn)跳頁功能扛芽,這也是Axure里面用的最多的功能之一元潘。

URL的格式是什么樣呢殿如?

? ? ? ? 而細心的朋友可能發(fā)現(xiàn)在連接到中有一個連接到URL或文件路徑的選項馁菜,我們點擊后出現(xiàn)一個需要我們填值的空茴扁,如何通過填寫這個值來實現(xiàn)跳頁呢?

? ? ? ??

鏈接到:頁面名+.html即可

? ? ? ? 其實做法很簡單火邓,如上圖只需要在鏈接到下面填寫對應頁面的名字并在后面加上.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按鈕時的變量賦值和跳頁邏輯萍嬉。


設置Mobile頁面邏輯

4.打開Share頁面,在BACK按鈕上編寫交互“點擊時”——“打開鏈接”——鏈接到——鏈接到URL或文件路徑——點擊fx-插入變量和函數(shù)-選擇“WhoCalledShare”——之后在后面加上.html——確認完成即可隙疚。

找到變量
添加.html尾綴


最終效果

這樣我們就實現(xiàn)了之前GIF圖中通過變量和URL鏈接實現(xiàn)復雜的頁面跳轉的效果壤追。

思考:通過URL跳轉頁面的方式雖然方便,但是會丟失全局變量供屉,那么如何在保證不丟失全局變量的情況下也實現(xiàn)根據(jù)變量來跳轉頁面呢行冰?其實也不難溺蕉,設置返回按鈕點擊時命令的啟用情形就好了,分別設置if WhoCalledShare == "Tour"時悼做,鏈接到Tour頁面和if WhoCalledShare == "Mobile"時鏈接到Mobile頁面就好啦疯特。


——————————————————文章目錄——————————————————

Chapter 1

開始前的準備

1.?寫在前面,我為什么要開Axure這個坑肛走?

2.?沒有完整構想的產(chǎn)品上來直接開畫就是耍流氓漓雅。

3.?做之前先想好:高保真還是低保真?

4. 移動端的相關規(guī)范朽色,多多少少還是要知道一點點的邻吞。

Chapter?2

開始做吧,初學時懵逼的問題:

5.?站在巨人的肩膀上:先裝個元件庫吧

6.?技多不壓身,元件多了真的壓

7. 文本框葫男、文本域:如何獲取輸入的文字抱冷?

8. 如何使用url及變量鏈接頁面并實現(xiàn)跳轉

9.?關于命名規(guī)范:頁面、元件梢褐、組旺遮。

10. 什么時候該使用動態(tài)面板?

11.?什么時候應該使用中繼器利职?

12. 交互趣效、變量、函數(shù)我該怎么著手學習猪贪?

13. 關于交互的最后防線——啟用情形

Chapter3

實戰(zhàn)教程跷敬,未完待續(xù)...

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市热押,隨后出現(xiàn)的幾起案子西傀,更是在濱河造成了極大的恐慌,老刑警劉巖桶癣,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拥褂,死亡現(xiàn)場離奇詭異,居然都是意外死亡牙寞,警方通過查閱死者的電腦和手機饺鹃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來间雀,“玉大人悔详,你說我怎么就攤上這事∪切” “怎么了茄螃?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長连锯。 經(jīng)常有香客問我归苍,道長用狱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任拼弃,我火速辦了婚禮夏伊,結果婚禮上,老公的妹妹穿的比我還像新娘肴敛。我一直安慰自己署海,他們只是感情好,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布医男。 她就那樣靜靜地躺著砸狞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪镀梭。 梳的紋絲不亂的頭發(fā)上刀森,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機與錄音报账,去河邊找鬼研底。 笑死,一個胖子當著我的面吹牛透罢,可吹牛的內(nèi)容都是我干的榜晦。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼羽圃,長吁一口氣:“原來是場噩夢啊……” “哼乾胶!你這毒婦竟也來了?” 一聲冷哼從身側響起朽寞,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤识窿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后脑融,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體喻频,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年肘迎,在試婚紗的時候發(fā)現(xiàn)自己被綠了甥温。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡妓布,死狀恐怖窿侈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情秋茫,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布乃秀,位于F島的核電站肛著,受9級特大地震影響圆兵,放射性物質發(fā)生泄漏。R本人自食惡果不足惜枢贿,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一殉农、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧局荚,春花似錦超凳、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至首装,卻和暖如春创夜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背仙逻。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工驰吓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人系奉。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓檬贰,卻偏偏與公主長得像,于是被迫代替她去往敵國和親缺亮。 傳聞我的和親對象是個殘疾皇子翁涤,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354