編輯導(dǎo)讀：本文仔細(xì)介紹了在Axure RP9 中如何通過中繼器來制作上下移動(dòng)的效果的步驟和注意事項(xiàng)，希望對(duì)小白產(chǎn)品經(jīng)理有所幫助。

1、 前期準(zhǔn)備：上下移圖標(biāo)、中繼器、文本框一個(gè)（做全局變量使用、隱藏）

2、 配置中繼器的數(shù)據(jù)表

備注：row_id是為了實(shí)現(xiàn)上下移動(dòng)的排序

3、 添加事件，上移下移基本類似，已下移為例進(jìn)行展示

4、 先給中繼器配置每項(xiàng)加載的交互事件

每項(xiàng)加載主要是每次更新、刪除、添加等修改表格時(shí)需要重新加載表格時(shí)發(fā)生的一些操作：

一是設(shè)置中繼器表格的數(shù)據(jù)來源

二是對(duì)中繼器表格內(nèi)容的排序

三是對(duì)首行和末行圖標(biāo)的隱藏/顯示

備注：本文實(shí)現(xiàn)中對(duì)每項(xiàng)加載事件的設(shè)置分三個(gè)情景進(jìn)行設(shè)置，可能有點(diǎn)麻煩

一是首行的加載操作

二是末行的加載操作

三是中間行的家在操作

5、 對(duì)上下移圖標(biāo)進(jìn)行單擊事件的設(shè)置

6、 上移圖標(biāo)和下移圖標(biāo)的事件類似，主要描述下移圖標(biāo)的事件

備注：下移圖標(biāo)主要包含四個(gè)操作方法

一是對(duì)全局變量（文本框）的設(shè)置

二是更新中繼器數(shù)據(jù)表中的row_id數(shù)據(jù)

三是對(duì)更新后的中繼器數(shù)據(jù)表內(nèi)容進(jìn)行排序

7、 這里重點(diǎn)描述一下兩個(gè)更新行的方法的具體設(shè)置

一是對(duì)當(dāng)前行的更新

二是對(duì)下一行的更新

備注：重點(diǎn)關(guān)注對(duì)全局變量的使用。

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

題圖來自 Unsplash，基于CC0協(xié)議