Axure8.0基礎(chǔ)干貨:增、刪、改、查,4步學(xué)會中繼器的使用

中繼器(repeater)作為網(wǎng)上傳言中的Axure最難的控件,已經(jīng)成為了產(chǎn)品經(jīng)理炫技最常用的手段。自Axure7.0發(fā)版新增中繼器控件后,產(chǎn)品經(jīng)理開始了前赴后繼對中繼器的研究。各種教程分享層出不窮,本次,作者要從中繼器的基本功能:增、刪、改、查、排序來給大家進行一個舉例演示。
一、中繼器的概念
中繼器在網(wǎng)上很多的解釋就是重復(fù)添加,取自repeater的中文釋義。在作者看來,中繼器可以是產(chǎn)品經(jīng)理的一個不完全小型數(shù)據(jù)庫。因為中繼器具有行和列的結(jié)構(gòu),可以存儲數(shù)據(jù)矩陣,且可以在頁面上進行增、刪、改、查、排序的功能,不需要寫sql語句就有操作數(shù)據(jù)庫的快感。說它是不完全數(shù)據(jù)庫是因為添加的數(shù)據(jù)并不是真的存儲在服務(wù)器,關(guān)掉Axure的預(yù)覽頁面,之前添加的所有數(shù)據(jù)就會隨風(fēng)而散了。
二、中繼器的應(yīng)用
中繼器的應(yīng)用大多都是需要動態(tài)展示一些頁面的效果時使用,當(dāng)然還有兩個重要功能:面試和炫技。很多人說在日常的需求文檔、原型說明中用不到中繼器這么復(fù)雜的交互,但是在給老板進行效果展示爭取資源、或者給外部展示商業(yè)效果時,如果現(xiàn)學(xué)現(xiàn)賣可能會措手不及。學(xué)一些復(fù)雜的交互可謂是技多不壓身,況且學(xué)會中繼器對于非計算機專業(yè)出身的產(chǎn)品經(jīng)理來說可以把握到入門級的數(shù)據(jù)庫的概念、函數(shù)的概念、變量的概念等等。
三、利用中繼器插入數(shù)據(jù)
此篇分享中繼器的增加數(shù)據(jù)功能,下篇分享刪、改、查、排序功能。
過程詳解(說好了只有四步):
舉例:花名冊的增刪改查
- 拖一個中繼器的控件到index面板中并且雙擊控件,修改控件樣式(目的:從0開始,并且將最終呈現(xiàn)頁面修改成自己喜歡的樣式),設(shè)置矩形名稱分別為姓名、性別、年齡
- 設(shè)置中繼器的列命名,并且將矩形框中的內(nèi)容與中繼器列名關(guān)聯(lián)
- 設(shè)置輸入框并與中繼器矩形顯示框進行變量關(guān)聯(lián)
如下圖,設(shè)置添加人員按鈕、姓名/性別/年齡的輸入框,并且分別命名幾個輸入框。
如下圖,給“添加人員”按鈕增加交互,設(shè)置“鼠標單擊時”,點擊中繼器-數(shù)據(jù)集-添加行。
進行添加行的設(shè)置(其中特別說明:要添加輸入框中內(nèi)容與中繼器列內(nèi)容的關(guān)聯(lián),將輸入框中的內(nèi)容通過變量傳遞過來),這也是最關(guān)鍵的一步。Name, sex, age三行傳的變量名看似是一樣的,都是LVAR1,實際的值全是不一樣的。這是因為LVRA1是添加的局部變量,只在某一范圍內(nèi)有效,不同的數(shù)據(jù)框傳遞的數(shù)據(jù),用看似名稱一致的局部變量傳值,也是可以傳輸不同數(shù)據(jù)的。我們也可以分別將其定義為其他的局部變量名稱。與之對應(yīng)的是全局變量,有興趣的讀者可以多了解一下。
- 根據(jù)自己的喜好,設(shè)置中繼器的交互及行列間距
開始建立屬于自己的花名冊吧!
下面簡要介紹如何進行中繼器的、篩選(清除篩選)排序、刪除、更改的操作。
- 篩選
篩選的基本邏輯就是,判斷篩選姓名框中的值和中繼器中的name列中數(shù)據(jù)是否相等,如果是就篩選出來。需要注意的是:判斷相等的符號是“==”而不是“=”,“=”是賦值操作,而“==”才是在判斷相等。
- 清除篩選
在清除篩選時,可以按照篩選的名稱去掉篩選(多種篩選疊加的情況下),也可以選擇移除全部篩選。
- 排序
可以根據(jù)自己的需要進行名稱、屬性(需要排序的字段)、排序類型、順序進行自定義。
- 刪除
- 更改
中繼器更新的語法是將某一列內(nèi)容更新為X當(dāng)X1=X2時,X的取值應(yīng)該是更新框中的內(nèi)容,X1和X2應(yīng)該是需要更改的原內(nèi)容和中繼器列內(nèi)容,當(dāng)一致時,則修改。所以如果有多列符合條件,則多列內(nèi)容會一起更新。
原型鏈接:https://pan.baidu.com/s/1boYbJxt
本文由 @芝士肉松包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
垃圾,不會的看不懂,會的看的都是雞肋
那您寫一篇不垃圾的給我瞅瞅?。?/p>
噴人是人類最最基礎(chǔ)的一個技能,我很遺憾你只展示出了這個技能。。
老哥你這個有視頻嗎,這圖文我沒看懂,我信心滿滿,過五關(guān)斬六將,知道遇見老哥你的中繼器我哭了 ??
現(xiàn)在會了嘛。。
再求教樓主一個問題:中繼器的某一列的數(shù)求和相加, 怎么實現(xiàn)?
我猜現(xiàn)在你應(yīng)該已經(jīng)會了。。
求教樓主:我使用中繼器的“設(shè)置當(dāng)前頁”功能時,點擊按鈕設(shè)置成到中繼器的“下一個”or“上一個”,前臺頁面顯示都不生效。但是設(shè)置成到中繼器的“l(fā)ast”或者賦值value到某一頁,前臺點擊效果是生效的。是因為什么呢?我用的Axure8.0(3312版),漢化了。
解決了,換了一個3302版本的就Ok了??磥硎擒浖栴}或是漢化包的問題
看得我暈死了~
哪里有問題,可以幫忙講解
暈啊暈啊多試了幾次,就學(xué)會啦(????)??謝謝
感謝分享,學(xué)習(xí)了,很受用!特別是還給了源地址
感謝支持~