Axure 原型 | 關于中繼器的簡單使用及應用的場景

6 評論 81420 瀏覽 111 收藏 5 分鐘

中繼器N早做的Demo,現在拿出來和大家分享

這個是第一次接觸中繼器的時候寫的Demo,后續的產品設計中幾乎未使用到Axure的這個元件,現在開始教程:【先睹為快:點擊預覽

一、什么是中繼器?

網上有很多解答,可以自行百度。我的理解為:它可以幫助你在原型頁面中保存數據,并且提供增刪改查等功能,幫助你完成復雜的交互場景。例如:添加一個好友后,好友列表里就新增一行對應的記錄。上傳一張照片后,在對應的地方多了一張照片等。

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

1、它可以為你的原型提供真實化的操作感覺。

2、它可以幫助你完成真實的演示,讓研發人員更明白你要做的業務場景。

三、它有什么弊端?

1、做起來會更加耗時

2、修改起來會更加的困難

3、上手難度較高

四、如何使用?

1、拖拽一個中繼器到空白區域【發現它默認自帶三行數據】

2016-6-13 13-04-00

2、觀察自帶的交互【在交互面板中發現形狀綁定了某個變量】Item為中繼器變量專有前綴

2016-6-13 13-08-32

3、雙擊中繼器,查看里面的內容【發現下方數據集中有一列,正是這個矩形綁定的變量】

2016-6-13 13-13-22

4、添加一個按鈕,設置鼠標單擊的時候操作這個中繼器的行為【我們發現設置完成后,點擊按鈕就增加了一行】

2016-6-13 13-18-09

2016-6-13 13-21-14

5、明白了原理之后,我們嘗試新建一個文本框,并為其創建一個新的中繼器變量,并綁定到新的文本框上【操作多個數據】

2016-6-13 13-27-02

注:中繼器內可以放其它部件,并不一定是文本框,大家可以嘗試其它組合

下面通過一個例子教大家如何使用中繼器:

需要完成的場景為:

理財用戶完成某些行為,則記錄對應的資金表及資金異動明細表

第一步:【構建界面】

2016-6-13 12-57-49

第二步:【綁定對應的數據】

2016-6-13 13-34-51

第三步:【設置對應的行為操作對應的數據表】

2016-6-13 13-36-53

第四步:在中繼器內部對相應的行為作出下一步數據的操作判斷

2016-6-13 13-38-49

應用場景:

這個例子只用到了中繼器動作中的添加行,中繼器中還有非常多的功能操作,通過嘗試簡單的使用和demo例子,就能較快的掌握中繼器的原理。

在明白了原理之后,應用的場景就非常廣泛了,你可以在任何你需要操作數據的界面中動態的展示數據集,不過真實項目中運用到的情況還是偏少的,因為時間總是辣么的少,你懂得!

原型下載地址:

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

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

在線預覽:點擊預覽

 

本文由 @陳張良 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 求教樓主:我使用中繼器的“設置當前頁”功能時,點擊按鈕設置成到中繼器的“下一個”or“上一個”,前臺頁面顯示都不生效不跳轉。但是設置成到中繼器的“last”或者賦值value到某一頁,前臺點擊效果是生效(成功跳轉)的。是因為什么呢?我用的Axure8.0(3312版),漢化了。

    來自北京 回復
  2. 太過深入的原型其實意義并不大,即時做出來,效果不好看,反而影響設計師的發揮

    來自湖南 回復
  3. 請問中繼器能作為密碼和賬戶的判斷么?是用例中的篩選功能么?

    來自本機地址 回復
  4. 樓豬,第五步那里中繼器變量綁定文本框不是很明白能詳細說一下嗎?

    來自本機地址 回復
  5. 請問你中繼器的樣式怎么改的啊,默認的中繼器一列三個重復的樣式好煩人

    來自陜西 回復