中繼器上下調(diào)整排列順序，網(wǎng)上的教程大同小異，但交互比較復雜，有沒有什么辦法可以一步到位呢？作者總結了一個簡單的方法，與你分享，希望對你有所幫助。

關于中繼器上下調(diào)整排列順序，目前網(wǎng)上的教程都大同小異，交互也蠻復雜的，需要記錄移動的格數(shù)，還有判斷移動后的各種情形。那有沒有什么方法可以無腦的一步到位呢？今天教大家針對單頁中繼器排序一個極其簡單的方法。

一、準備

一般我演示排序喜歡用英文兒歌，A for Apple B for Ball……，英文字母本身也自帶順序嘛，這里我把單詞換成了Axure相關的。所以先準備一個中繼器，把默認的?[[Item.Column0]]?字段改為?[[Item.Alphabet]]?里面填入以下英文兒歌。再準備個?[[Item.Sort]]?字段，填上數(shù)字1、2、3……用來做排序。

再準備一個向上圖標、一個向下圖標，全部元件結構如下。

中繼器的交互如下，添加?[[Item.Sort]]?字段按照 Number 排序，如果你的Axure顯示不是?Number?(而是：數(shù)字、數(shù)值等)，那可能會因為漢化包導致排序無效：

二、分析

假如我們想讓Ｊ字母向上移動一行，傳統(tǒng)的解決辦法要先做各種判斷，最終核心操作是這兩步：

1. 把Ｊ字母的 [[Item.Sort]] 減1
2. 把Ｉ字母的 [[Item.Sort]] 加1

那么，問題來了：“如果我們直接把Ｊ字母，放到Ｈ和Ｉ之間去，是不是更高效呢？”

三、0.5的魔法

我們直接把Ｊ字母的?[[Item.Sort]]?減1.5不就好了嘛！你就說10-1.5=8.5，是不是在8和9之間？

這時很多讀者要懟我了：“加減1.5后出現(xiàn)負數(shù)或者超出中繼器行數(shù)怎么辦？”，答案是“涼拌！”

請再仔細想一下，負數(shù)了是不是還排在首位？超出中繼器行數(shù)了是不是還排在末位？

所以只要確保順序正確，我們唯一要去做的，就是重置排序列為正確的值。

四、教程

現(xiàn)在我們要加按鈕的交互了，先操作向上按鈕，前面分析過，先做第一步加減1.5。

向上按鈕的交互是：

預覽一下，發(fā)現(xiàn)點擊第一次的效果很好，多次點擊就亂套了，因為沒有重制?[[Item.Sort]]?列。

繼續(xù)，向上按鈕的交互改往為：

再預覽一下，這次翻車了，動都不動[笑哭]。

中繼器并沒有按照我們設想的那樣重置序號，問題出在哪里了呢？

五、等待0毫秒（wait 0 ms）的妙用

原因是第一次更新行后，中繼器沒有自動刷新，順序并沒有改變，所以重置序號時還是原來的順序，表現(xiàn)出的效果當然是不動啦。

刷新中繼器或是全量更新中繼器有很多種方法，但是如果不增加額外的外部元件的話，要屬（等待0毫秒）最好用了。

其實我們只要在兩次“更新行”中間加上“等待0毫秒（wait 0 ms）”就行了，向上按鈕的交互繼續(xù)優(yōu)化為：

然后再補齊向下按鈕的交互。

預覽測試一下，這次就完全OK了，預覽：https://usrsky.axshare.com/#id=06kecq&g=1。

六、進階

請自行嘗試“向上/下移動5行”、“置頂/置底”的交互。

七、總結

雖然跟其他方法一樣要更新兩次中繼器，但這種方法更“無腦”，不需要復雜的邏輯判斷，只要先把需要調(diào)整的行放在正確的位置上，然后重置序號即可。

• 向上移動N行，更新?[[Item.Sort]]?列為 [[Item.Sort – N – 0.5]]，然后重置序號。
• 向下移動N行，更新?[[Item.Sort]]?列為 [[Item.Sort + N + 0.5]]，然后重置序號。
• 置頂，更新?[[Item.Sort]]?列為 0.5，然后重置序號。
• 置底，更新?[[Item.Sort]]?列為 [[Item.Repeater.dataCount + 0.5]]，然后重置序號。

八、適用范圍及警告

因為中繼器里的?[[Item.index]]?只對當前顯示頁有效，所以更適合單頁的中繼器展示。

如果是分頁的中繼器，還需要加上 [[每頁項數(shù)量*(當前頁碼-1)]]，所以并不推薦新手使用。

如果你的中繼器有“篩選”，那這個方法完全不適用！