Axure想要制作一個(gè)表格內(nèi)容修改排序效果，上下行的交換，該怎么這個(gè)交互效果呢？下面我們就來看看詳細(xì)的教程。

 新建一個(gè)“中繼器”，如下圖所示：

“中繼器”設(shè)置2列：ID、content；可按所需設(shè)置行內(nèi)容； （ID是用來排序的，建議按數(shù)字順序設(shè)置），可參考下圖設(shè)置：

雙擊進(jìn)入“中繼器”內(nèi)部，先清除原來內(nèi)容；新建2個(gè)“文本標(biāo)簽”、1個(gè)“矩形”、1個(gè)“向上箭頭”的圖標(biāo)、1個(gè)“向下箭頭”的圖標(biāo)；如下圖所示：

設(shè)置一個(gè)“文本標(biāo)簽”為Num；

設(shè)置一個(gè)“文本標(biāo)簽”為content；

設(shè)置"矩形"尺寸：280*60；填充色：#CCCCCC

布局如下圖所示：

到這里，基礎(chǔ)的布局設(shè)置結(jié)束，以下是交互設(shè)置~

首先是“中繼器”的“每項(xiàng)加載時(shí)”的交互：

動作：

設(shè)置“文本標(biāo)簽：Num”的值：[[Item.index]]

設(shè)置“文本標(biāo)簽：content”的值：[[Item.content]]

如下圖所示：

”圖標(biāo)：向上箭頭“的”鼠標(biāo)單擊時(shí)“的交互：