利用中繼器制作上移下移
上移下移是我們在制作原型的時候經(jīng)常會用到的功能，遠的不說，就看我們axure里面就有好多地方用到了上移下移。例如，頁面窗口中對不同的頁面進行移動，動態(tài)面板的狀態(tài)管理窗口中對動態(tài)面板的狀態(tài)進行移動。這里我們就用大家熟悉的動態(tài)面板的狀態(tài)管理窗口作為案例給大家看看吧。
先看一下效果是怎么樣的
那要怎么做才好呢？我們可以利用中繼器，來完成它。
首先，我們把需要的元素畫出來。主要是要來做狀態(tài)的移動，所以其他部分我這里就用截圖代替了。這里主要自己做的就是：上下移動的箭頭、用中繼器做的狀態(tài)頁。
?
中繼器里邊的數(shù)據(jù)有兩行，一行是中繼器的內(nèi)容：狀態(tài)1、狀態(tài)2等，一行是用來記錄當前這一行的序號的，這一行不需要在中繼器中有所顯示。在中繼器的編輯頁面中，設置矩形部件的選中樣式，這樣能看到選中的是哪一項，這里我們設置的淺藍色。
同時設置了上移、下移箭頭的禁用樣式，并且默認禁用。因為我們在不選中狀態(tài)的時候，都不能使用上移、下移按鈕，這個大家應該都明白。
?
準備好部件之后，我們開始來制作了。首先看看，需要怎么樣去做呢？借助一個全局變量No來記錄當前選中的項（無法使用.這個符號，所以在建立數(shù)據(jù)列和變量的時候?qū)ⅰ?”去掉了，No.變成了No，好氣啊）。
?
以第二項為例，內(nèi)容是狀態(tài)2，序號是2。需要將它調(diào)整到第一項。這時候，序號就起到作用了。點擊第二項，數(shù)據(jù)：狀態(tài)2、2不變，變量No現(xiàn)在是2。在點擊上移之后，數(shù)據(jù)狀態(tài)2不變，但是序號需要將它更改為變量No-1（當前會變成1），再將這個序號告知數(shù)據(jù)No列，讓它更新一下。最后，按照更新后的No列進行排序就可以了。
在更新行時設置條件時，用到index。中繼器中的index是數(shù)據(jù)行的索引編號，這個編號是永遠不會改變，這個要注意。狀態(tài)2原來index是2，移動之后index變成了1。Index可以幫助我們確定更新的就是當前的行，而不受數(shù)據(jù)或者變量的影響。
知道了上移怎么做，下移就很明確了，一樣的方法去分析，去設置就可以了。
?
把這個最難的做出來之后，相信上移、下移箭頭的啟用禁用，當前項的選中（用index去判斷當前項）這些設置就難不倒大家了。這個設置有一點要注意的是，設置在中繼器的每項加載時，為什么呢？注意，我們在點擊上移和下移的時候設置了更新行，重新加載了項。在這里設置的話，重新加載的時候就把樣式和按鈕的狀態(tài)都更新了。
到這里，我們這個上移下移的案例就做好了。做法雖然不難，但是交互的思路可能需要花點時間去想一想的。了解了思路之后，我們可以用這種方法舉一反三，做出更多更復雜的原型。這里還是要說一句，如果有其他的設置思路，歡迎來跟我們一起交流哦！
