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