Axure想要制作一个表格内容修改排序效果，上下行的交换，该怎么这个交互效果呢？下面我们就来看看详细的教程。
新建一个中继器，如下图所示：
中继器设置2列：ID、content；可按所需设置行内容；（ID是用来排序的，建议按数字顺序设置），可参考下图设置：
双击进入中继器内部，先清除原来内容；新建2个文本标签、1个矩形、1个向上箭头的图标、1个向下箭头的图标；如下图所示：
设置一个文本标签为Num；
设置一个文本标签为content；
设置矩形尺寸：280*60；填充色：#CCCCCC
布局如下图所示：
到这里，基础的布局设置结束，以下是交互设置~
首先是中继器的每项加载时的交互：
动作：
设置文本标签：Num的值：[[Item.index]]
设置文本标签：content的值：[[Item.content]]
如下图所示：
图标：向上箭头的鼠标单击时的交互：
条件：当值：[[Item.ID]]大于1时，如下图所示：
动作1：更新行：设置上一行的ID为本行ID）
更新条件：[[TargetItem.ID==Item.ID-1]]
更新ID列内容：[[Item.ID]]
如下图所示：
动作2：更新行：设置本行的ID，数值减1
更新条件：this（即本身）
更新ID列内容：[[Item.ID-1]]
如下图所示：
动作3：排序
针对属性：ID排序；排序类型：Number；顺序：升序；如下图所示：
几乎相同方式，设置图标：向下箭头的鼠标单击时的交互：
条件：当值：[[Item.ID]]小于[[Item.Repeater.itemCount]]时，如下图所示：
动作1：更新行：设置下一行的ID为本行ID）
更新条件：[[TargetItem.ID==Item.ID+1]]
更新ID列内容：[[Item.ID]]
如下图所示：
动作2：更新行：设置本行的ID，数值加1，
更新条件：this（即本身）
更新ID列内容：[[Item.ID+1]]
如下图所示：
动作3：排序
针对属性：ID排序；排序类型：Number；顺序：升序；如下图所示：
设置内容还是比较少的，有些挠脑筋，需要仔细些即可，设置完毕后，就可以验证效果如何~