中繼器N早做的Demo，現(xiàn)在拿出來(lái)和大家分享

這個(gè)是第一次接觸中繼器的時(shí)候?qū)懙腄emo，后續(xù)的產(chǎn)品設(shè)計(jì)中幾乎未使用到Axure的這個(gè)元件，現(xiàn)在開(kāi)始教程：【先睹為快：點(diǎn)擊預(yù)覽】

一、什么是中繼器？

網(wǎng)上有很多解答，可以自行百度。我的理解為：它可以幫助你在原型頁(yè)面中保存數(shù)據(jù)，并且提供增刪改查等功能，幫助你完成復(fù)雜的交互場(chǎng)景。例如：添加一個(gè)好友后，好友列表里就新增一行對(duì)應(yīng)的記錄。上傳一張照片后，在對(duì)應(yīng)的地方多了一張照片等。

二、為什么要使用中繼器？

1、它可以為你的原型提供真實(shí)化的操作感覺(jué)。

2、它可以幫助你完成真實(shí)的演示，讓研發(fā)人員更明白你要做的業(yè)務(wù)場(chǎng)景。

三、它有什么弊端？

1、做起來(lái)會(huì)更加耗時(shí)

2、修改起來(lái)會(huì)更加的困難

3、上手難度較高

四、如何使用？

1、拖拽一個(gè)中繼器到空白區(qū)域【發(fā)現(xiàn)它默認(rèn)自帶三行數(shù)據(jù)】

2、觀察自帶的交互【在交互面板中發(fā)現(xiàn)形狀綁定了某個(gè)變量】Item為中繼器變量專有前綴

3、雙擊中繼器，查看里面的內(nèi)容【發(fā)現(xiàn)下方數(shù)據(jù)集中有一列，正是這個(gè)矩形綁定的變量】

4、添加一個(gè)按鈕，設(shè)置鼠標(biāo)單擊的時(shí)候操作這個(gè)中繼器的行為【我們發(fā)現(xiàn)設(shè)置完成后，點(diǎn)擊按鈕就增加了一行】

5、明白了原理之后，我們嘗試新建一個(gè)文本框，并為其創(chuàng)建一個(gè)新的中繼器變量，并綁定到新的文本框上【操作多個(gè)數(shù)據(jù)】

注：中繼器內(nèi)可以放其它部件，并不一定是文本框，大家可以嘗試其它組合

下面通過(guò)一個(gè)例子教大家如何使用中繼器：

需要完成的場(chǎng)景為：

理財(cái)用戶完成某些行為，則記錄對(duì)應(yīng)的資金表及資金異動(dòng)明細(xì)表

第一步：【構(gòu)建界面】

第二步：【綁定對(duì)應(yīng)的數(shù)據(jù)】

第三步：【設(shè)置對(duì)應(yīng)的行為操作對(duì)應(yīng)的數(shù)據(jù)表】

第四步：在中繼器內(nèi)部對(duì)相應(yīng)的行為作出下一步數(shù)據(jù)的操作判斷

應(yīng)用場(chǎng)景：

這個(gè)例子只用到了中繼器動(dòng)作中的添加行，中繼器中還有非常多的功能操作，通過(guò)嘗試簡(jiǎn)單的使用和demo例子，就能較快的掌握中繼器的原理。

在明白了原理之后，應(yīng)用的場(chǎng)景就非常廣泛了，你可以在任何你需要操作數(shù)據(jù)的界面中動(dòng)態(tài)的展示數(shù)據(jù)集，不過(guò)真實(shí)項(xiàng)目中運(yùn)用到的情況還是偏少的，因?yàn)闀r(shí)間總是辣么的少，你懂得！

原型下載地址：

作者鏈接：http://pan.baidu.com/s/1slf6hL7?密碼：kkmv

官方鏈接: http://pan.baidu.com/s/1jI4MSf0 密碼: xdht

在線預(yù)覽：點(diǎn)擊預(yù)覽

本文由 @陳張良 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。