Axure 原型 | 關于中繼器的簡單使用及應用的場景
中繼器N早做的Demo,現在拿出來和大家分享
這個是第一次接觸中繼器的時候寫的Demo,后續的產品設計中幾乎未使用到Axure的這個元件,現在開始教程:【先睹為快:點擊預覽】
一、什么是中繼器?
網上有很多解答,可以自行百度。我的理解為:它可以幫助你在原型頁面中保存數據,并且提供增刪改查等功能,幫助你完成復雜的交互場景。例如:添加一個好友后,好友列表里就新增一行對應的記錄。上傳一張照片后,在對應的地方多了一張照片等。
二、為什么要使用中繼器?
1、它可以為你的原型提供真實化的操作感覺。
2、它可以幫助你完成真實的演示,讓研發人員更明白你要做的業務場景。
三、它有什么弊端?
1、做起來會更加耗時
2、修改起來會更加的困難
3、上手難度較高
四、如何使用?
1、拖拽一個中繼器到空白區域【發現它默認自帶三行數據】
2、觀察自帶的交互【在交互面板中發現形狀綁定了某個變量】Item為中繼器變量專有前綴
3、雙擊中繼器,查看里面的內容【發現下方數據集中有一列,正是這個矩形綁定的變量】
4、添加一個按鈕,設置鼠標單擊的時候操作這個中繼器的行為【我們發現設置完成后,點擊按鈕就增加了一行】
5、明白了原理之后,我們嘗試新建一個文本框,并為其創建一個新的中繼器變量,并綁定到新的文本框上【操作多個數據】
注:中繼器內可以放其它部件,并不一定是文本框,大家可以嘗試其它組合
下面通過一個例子教大家如何使用中繼器:
需要完成的場景為:
理財用戶完成某些行為,則記錄對應的資金表及資金異動明細表
第一步:【構建界面】
第二步:【綁定對應的數據】
第三步:【設置對應的行為操作對應的數據表】
第四步:在中繼器內部對相應的行為作出下一步數據的操作判斷
應用場景:
這個例子只用到了中繼器動作中的添加行,中繼器中還有非常多的功能操作,通過嘗試簡單的使用和demo例子,就能較快的掌握中繼器的原理。
在明白了原理之后,應用的場景就非常廣泛了,你可以在任何你需要操作數據的界面中動態的展示數據集,不過真實項目中運用到的情況還是偏少的,因為時間總是辣么的少,你懂得!
原型下載地址:
作者鏈接:http://pan.baidu.com/s/1slf6hL7?密碼:kkmv
官方鏈接: http://pan.baidu.com/s/1jI4MSf0 密碼: xdht
在線預覽:點擊預覽
本文由 @陳張良 原創發布于人人都是產品經理?,未經許可,禁止轉載。
求教樓主:我使用中繼器的“設置當前頁”功能時,點擊按鈕設置成到中繼器的“下一個”or“上一個”,前臺頁面顯示都不生效不跳轉。但是設置成到中繼器的“last”或者賦值value到某一頁,前臺點擊效果是生效(成功跳轉)的。是因為什么呢?我用的Axure8.0(3312版),漢化了。
太過深入的原型其實意義并不大,即時做出來,效果不好看,反而影響設計師的發揮
請問中繼器能作為密碼和賬戶的判斷么?是用例中的篩選功能么?
樓豬,第五步那里中繼器變量綁定文本框不是很明白能詳細說一下嗎?
請問你中繼器的樣式怎么改的啊,默認的中繼器一列三個重復的樣式好煩人