首頁 > 運營推廣 > 正文

Axure教程:制作待辦事項列表

2020-02-12 23:30:00 來源:金橙教程網 作者:admin7 瀏覽:53次 「手機版」

待辦事項

待辦事項是我們做時間管理時一個很好的工具,那么我們如何用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.然后我們把“召開晨會”列表刪除,把中繼器挪到原列表位置。

16.點擊預覽,并查看效果。在輸入框內輸入我的待辦事項,點擊鍵盤上的enter鍵,列表就會同步出來。至此,我們就學會了用中繼器進行制作待辦事項列表的功能。

Axure的功能還有很多,我這里只講述了一個簡單的功能,希望以后可以和大家多多交流更多的用法。

題圖來自 Pexels ,基于 CC0 協議

相關閱讀

(責任編輯:jjjccc)

關鍵詞:待辦事項列表

福彩3d字谜画谜藏机图