待辦事項是我們做時間管理時一個很好的工具,那麼我們如何用Axure做一個待辦事項列表呢?這就要用到中繼器這個功能。中繼器在英文裡repeater。直譯過來就是中繼器,但是中繼器的作用是「複製」,不如翻譯為複製器更容易理解。
我們先建立一個待辦事項的列表頁,命名為待辦事項列表頁,接著將中繼器拖入操作頁面。
接著滑鼠點擊中繼器,在屬性中可以查看中繼器,我們可以看到中繼器有三行列表。並且可以繼續添加行。
我們來添加一行看看有什麼效果。
當我們在屬性裡添加行的時候,在中繼器裡也同步添加了一行。
下面我們來看下如何在中繼器裡複製文字。
1. 複製待辦事項列表。
2.滑鼠左鍵雙擊中繼器。
3.刪除中繼器輸入框。
4.將待辦事項複製過來,並對準0.0位置。
5.返回待辦事項列表頁,此時我們可以看到,中繼器的內容已經全部替換為「召開晨會」了。
6.在Column0裡面為輸入我們的待辦事項。左側為輸入前,右側為輸入後。
但此時,我的待辦事項並沒有同步進行更新。因為我們還沒有對內容進行賦值。
7.雙擊中繼器,選中待辦事項的內容,命名內容為「待辦內容」。
8.點擊交付中的每項加載時。刪除case1的內容,然後雙擊case1。
選擇「元件」中的「設置文本」;選中之前命名的內容「待辦內容」;選擇設置為本為「值」;選擇函數fx。
9.點擊函數fx,然後刪除內容「召開晨會」。
10.點擊插入變量或函數,選擇中繼器的Item.Column0,點擊確定。
11.此時,中繼器的內容已經和Column0裡的內容一致,並且在Column0裡進行增加或刪減內容會同步到中繼器列表中去。但是我們如何在輸入框中輸入內容會同步到列表中呢。此時我們還需要下面的步驟。
滑鼠選中輸入框,點擊「交互」—「更多用例」—「滑鼠按下時」。
12.接著進行用例編輯:
點擊上方的添加條件;左側列表裡選擇「按下的鍵」;點擊最右側的框,並按下鍵盤上的enter鍵,然後點擊確定。
13.接著設置中繼器:
點擊添加動作,選擇中繼器—資料庫中的「添加行」;選擇添加行到中繼器;選擇fx進行賦值。
14.點擊fx,選擇插入變量或函數,選擇元件中的text,點擊確定。
15.然後我們把「召開晨會」列表刪除,把中繼器挪到原列表位置。