Axure使用技巧:全局變量
編輯導(dǎo)語:關(guān)于全局變量的作用,有些人可能尚未完全了解,那么,如何利用Axure來設(shè)置全局變量,進(jìn)而發(fā)揮全局變量的作用,如跨頁面?zhèn)鬟f文本呢?本篇文章里,作者通過注冊(cè)頁面的案例,就全局變量的操作流程做了梳理,一起來看一下。
全局變量的作用有很多,其中最主要的一點(diǎn)是跨頁面?zhèn)鬟f文本。效果如下:
今天我們就通過注冊(cè)頁面這個(gè)例子,來直觀理解一下全局變量的作用。
一共分四步:
- 準(zhǔn)備工作;
- 設(shè)置全局變量;
- 在注冊(cè)頁的提交按鈕處設(shè)置全局變量的交互;
- 設(shè)置跨頁面?zhèn)鬟f文本。
一、準(zhǔn)備兩個(gè)簡單的頁面
注冊(cè)頁和提示頁,分別如下所示:
注意!這里提示頁的元件,一定是文本框,不是矩形。如果用矩形來表述這段文字,后面就沒有辦法設(shè)置跨頁面?zhèn)鬟f文本。
賬號(hào)和郵箱的設(shè)定,也是文本框。并分別把賬號(hào)和郵箱的文本框,命名為“賬號(hào)”“文本框”,養(yǎng)成及時(shí)給元件命名的好習(xí)慣。
二、設(shè)置全局變量
在項(xiàng)目菜單欄中,找到“全局變量”。
并添加“Accountvar”和“Emailvar”兩個(gè)全局變量。
三、在注冊(cè)頁的“提交”按鈕處設(shè)置全局變量的交互
因?yàn)槲覀兦懊嬖O(shè)置了“Accountvar”和“Emailvar”兩個(gè)全局變量,但是并沒有具體的取值。這里我們就可以為這兩個(gè)變量賦值了。
我們要將填入賬號(hào)和郵件里的信息,傳遞到下一個(gè)頁面,管道就是“提交”這個(gè)按鈕。選擇單擊時(shí),添加動(dòng)作“設(shè)置變量值”。
這里著重說一下交互編輯器中的設(shè)置動(dòng)作。這里有三個(gè)元素:目標(biāo)、設(shè)置為、元件。
目標(biāo)是你想要賦予值的元件、設(shè)置為和元件,是賦予值的具體內(nèi)容,是另一個(gè)元件里的其他元素。
在設(shè)置動(dòng)作中,目標(biāo)為全局變量“Accountvar”。
設(shè)置為“元件文字”,就是我們?cè)谖谋究蛑墟I入的文字。
然后選擇設(shè)置的元件。
這里有個(gè)篩選小技巧,點(diǎn)擊篩選框,可以很快找到我們自命名的元件。
給另一個(gè)全局變量Email賦值同樣如此。
交互的最后一步是添加一個(gè)單擊時(shí)打開鏈接,即反饋頁。
四、在反饋頁中打通管道
前面我們已經(jīng)通過“提交”按鈕把輸入在文本框中的信息傳遞到了管道中,接下來我們要在反饋頁中把這個(gè)管道的另一端打開。
點(diǎn)擊反饋頁中的空白位置。給整個(gè)頁面設(shè)置交互,選擇新建交互,在頁面載入時(shí),選擇設(shè)置文本。選中文本框。
給文本內(nèi)容,賦予全局變量。
至此,我們就完成了全部。
本文由 @艾筱說 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于 CC0 協(xié)議
您好,請(qǐng)問我按文章步驟進(jìn)行操作后,為什么沒有生效呢,從注冊(cè)頁的兩個(gè)文本框輸入的內(nèi)容并沒有帶入反饋頁的文本框中,反饋也的文本框中直接顯示的就是變量的名稱,請(qǐng)教下這是什么原因呢?