起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure教程：制作待辦事項(xiàng)列表
待辦事項(xiàng)是我們做時(shí)間管理時(shí)一個(gè)很好的工具，那么我們?nèi)绾斡肁xure做一個(gè)待辦事項(xiàng)列表呢？這就要用到中繼器這個(gè)功能。中繼器在英文里repeater。直譯過來就是中繼器，但是中繼器的作用是“復(fù)制”，不如翻譯為復(fù)制器更容易理解。
我們先建立一個(gè)待辦事項(xiàng)的列表頁，命名為待辦事項(xiàng)列表頁，接著將中繼器拖入操作頁面。
接著鼠標(biāo)點(diǎn)擊中繼器，在屬性中可以查看中繼器，我們可以看到中繼器有三行列表。并且可以繼續(xù)添加行。
我們來添加一行看看有什么效果。
當(dāng)我們?cè)趯傩岳锾砑有械臅r(shí)候，在中繼器里也同步添加了一行。
下面我們來看下如何在中繼器里復(fù)制文字。
1. 復(fù)制待辦事項(xiàng)列表。
2.鼠標(biāo)左鍵雙擊中繼器。
3.刪除中繼器輸入框。
4.將待辦事項(xiàng)復(fù)制過來，并對(duì)準(zhǔn)0.0位置。
5.返回待辦事項(xiàng)列表頁，此時(shí)我們可以看到，中繼器的內(nèi)容已經(jīng)全部替換為“召開晨會(huì)”了。
6.在Column0里面為輸入我們的待辦事項(xiàng)。左側(cè)為輸入前，右側(cè)為輸入后。
但此時(shí)，我的待辦事項(xiàng)并沒有同步進(jìn)行更新。因?yàn)槲覀冞€沒有對(duì)內(nèi)容進(jìn)行賦值。
7.雙擊中繼器，選中待辦事項(xiàng)的內(nèi)容，命名內(nèi)容為“待辦內(nèi)容”。
8.點(diǎn)擊交付中的每項(xiàng)加載時(shí)。刪除case1的內(nèi)容，然后雙擊case1。
- 選擇“元件”中的“設(shè)置文本”；
- 選中之前命名的內(nèi)容“待辦內(nèi)容”；
- 選擇設(shè)置為本為“值”；
- 選擇函數(shù)fx。
9.點(diǎn)擊函數(shù)fx,然后刪除內(nèi)容“召開晨會(huì)”。
10.點(diǎn)擊插入變量或函數(shù)，選擇中繼器的Item.Column0，點(diǎn)擊確定。
11.此時(shí)，中繼器的內(nèi)容已經(jīng)和Column0里的內(nèi)容一致，并且在Column0里進(jìn)行增加或刪減內(nèi)容會(huì)同步到中繼器列表中去。但是我們?nèi)绾卧谳斎肟蛑休斎雰?nèi)容會(huì)同步到列表中呢。此時(shí)我們還需要下面的步驟。
鼠標(biāo)選中輸入框，點(diǎn)擊“交互”—“更多用例”—“鼠標(biāo)按下時(shí)”。
12.接著進(jìn)行用例編輯：
- 點(diǎn)擊上方的添加條件；
- 左側(cè)列表里選擇“按下的鍵”；
- 點(diǎn)擊最右側(cè)的框，并按下鍵盤上的enter鍵，然后點(diǎn)擊確定。
13.接著設(shè)置中繼器：
- 點(diǎn)擊添加動(dòng)作，選擇中繼器—數(shù)據(jù)庫中的“添加行”；
- 選擇添加行到中繼器；
- 選擇fx進(jìn)行賦值。
14.點(diǎn)擊fx,選擇插入變量或函數(shù)，選擇元件中的text,點(diǎn)擊確定。
15.然后我們把“召開晨會(huì)”列表刪除，把中繼器挪到原列表位置。
16.點(diǎn)擊預(yù)覽，并查看效果。在輸入框內(nèi)輸入我的待辦事項(xiàng)，點(diǎn)擊鍵盤上的enter鍵，列表就會(huì)同步出來。至此，我們就學(xué)會(huì)了用中繼器進(jìn)行制作待辦事項(xiàng)列表的功能。
Axure的功能還有很多，我這里只講述了一個(gè)簡(jiǎn)單的功能，希望以后可以和大家多多交流更多的用法。
本文由 @薅羊毛織圍巾 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自 Pexels ，基于 CC0 協(xié)議
有點(diǎn)難，先收藏，之后演練一下