Axure之中繼器上下移動

1 評論 3861 瀏覽 12 收藏 4 分鐘

編輯導讀:本文仔細介紹了在Axure RP9 中如何通過中繼器來制作上下移動的效果的步驟和注意事項,希望對小白產品經理有所幫助。

1、 前期準備:上下移圖標、中繼器、文本框一個(做全局變量使用、隱藏)

2、 配置中繼器的數據表

備注:row_id是為了實現上下移動的排序

3、 添加事件,上移下移基本類似,已下移為例進行展示

4、 先給中繼器配置每項加載的交互事件

每項加載主要是每次更新、刪除、添加等修改表格時需要重新加載表格時發生的一些操作:

一是設置中繼器表格的數據來源

二是對中繼器表格內容的排序

三是對首行和末行圖標的隱藏/顯示

備注:本文實現中對每項加載事件的設置分三個情景進行設置,可能有點麻煩

一是首行的加載操作

二是末行的加載操作

三是中間行的家在操作

5、 對上下移圖標進行單擊事件的設置

6、 上移圖標和下移圖標的事件類似,主要描述下移圖標的事件

備注:下移圖標主要包含四個操作方法

一是對全局變量(文本框)的設置

二是更新中繼器數據表中的row_id數據

三是對更新后的中繼器數據表內容進行排序

7、 這里重點描述一下兩個更新行的方法的具體設置

一是對當前行的更新

二是對下一行的更新

備注:重點關注對全局變量的使用。

 

本文由 @不器 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝作者,非常有幫助!

    來自江蘇 回復