Axure的全局變量
我們?cè)谥暗囊黄恼拢篈xure變量全知道,說(shuō)過(guò)了全局變量和局部變量。有些小伙伴在看過(guò)文章后反應(yīng)對(duì)全局變量還不是特別了解。那么我們今天就著重來(lái)說(shuō)一下全局變量。在Axure中,變量是Axure中臨時(shí)儲(chǔ)存數(shù)據(jù)的容器,變量包括全局變量和局部變量。全局變量能夠在Axure原型的所有頁(yè)面的用例中對(duì)其進(jìn)行操作。還是以一個(gè)簡(jiǎn)單的搜索功能例子來(lái)介紹全局變量吧。
在搜索框中,已經(jīng)默認(rèn)有推薦搜索內(nèi)容(設(shè)置一個(gè)全局變量等于推薦搜索內(nèi)容);搜索框獲得焦點(diǎn)時(shí),搜索框變?yōu)榭瞻?;搜索框失去焦點(diǎn)時(shí),如果搜索框內(nèi)容空白的話,就讓搜索顯示推薦搜索內(nèi)容(即為等于該全局變量),如果不是空白,則顯示用戶輸入的搜索內(nèi)容
好,知道了實(shí)現(xiàn)的原理之后呢,我們來(lái)看一下具體的操作,和全局變量在這個(gè)案例中的應(yīng)用
步驟1
創(chuàng)建一個(gè)變量,項(xiàng)目—全局變量—打開(kāi)“全局變量”窗口
步驟1
在“全局變量”窗口,點(diǎn)擊“+”,新增變量,命名為“Textfield”,默認(rèn)值為“陪學(xué)網(wǎng)”;點(diǎn)擊“確定”保存并關(guān)閉“全局變量”窗口
步驟3
建立搜索功能的基本框架:一個(gè)文本框?yàn)樗阉骺颍麨椤八阉骺颉保?,文本框?nèi)輸入推薦搜索內(nèi)容:“陪學(xué)網(wǎng)”,一個(gè)按鈕(命名為“搜索按鈕”)
步驟4
選中文本框,在檢查窗口中,點(diǎn)擊“獲取焦點(diǎn)時(shí)”事件,打開(kāi)用例編輯器
步驟5
在用例編輯器中,
添加條件:用例說(shuō)明——點(diǎn)擊“添加條件”,打開(kāi)“條件生成”窗口,設(shè)置“部件文字 搜索框 (文本框)=值?"[[Textfield]]",點(diǎn)擊“確定”保存并關(guān)閉“條件生成”窗口;
添加動(dòng)作:點(diǎn)擊新增動(dòng)作——選擇“部件”,點(diǎn)擊“設(shè)置文本”;
配置動(dòng)作:勾選“搜索框(文本框)”,將文本值設(shè)置為“”;
點(diǎn)擊“確定”保存設(shè)置,并關(guān)閉用例編輯器
步驟6
選中文本框,在檢查窗口中,點(diǎn)擊“失去焦點(diǎn)時(shí)”事件,打開(kāi)用例編輯器
步驟7
在用例編輯器中,
添加條件:用例說(shuō)明—點(diǎn)擊“添加條件”,打開(kāi)“條件生成”窗口,設(shè)置“部件文字 搜索框 (文本框)=值?"",點(diǎn)擊“確定”保存并關(guān)閉“條件生成”窗口;
添加動(dòng)作:點(diǎn)擊新增動(dòng)作—選擇“部件”,點(diǎn)擊“設(shè)置文本”;
配置動(dòng)作:勾選“搜索框(文本框)”,將文本值設(shè)置為“[[Textfield]]”;
點(diǎn)擊“確定”保存設(shè)置,并關(guān)閉用例編輯器;
制作完成,保存,生成原型測(cè)試。
這樣,我們就完成了一個(gè)簡(jiǎn)單的全局變量的案例,搜索框中的文字顯示,看到了全局變量是如何讀取數(shù)據(jù)的。對(duì)于全局變量,大家如果還有更好的理解,歡迎大家給我們投稿!