Axure之中繼器上下移動
編輯導讀:本文仔細介紹了在Axure RP9 中如何通過中繼器來制作上下移動的效果的步驟和注意事項,希望對小白產品經理有所幫助。
1、 前期準備:上下移圖標、中繼器、文本框一個(做全局變量使用、隱藏)
2、 配置中繼器的數據表
備注:row_id是為了實現上下移動的排序
3、 添加事件,上移下移基本類似,已下移為例進行展示
4、 先給中繼器配置每項加載的交互事件
每項加載主要是每次更新、刪除、添加等修改表格時需要重新加載表格時發生的一些操作:
一是設置中繼器表格的數據來源
二是對中繼器表格內容的排序
三是對首行和末行圖標的隱藏/顯示
備注:本文實現中對每項加載事件的設置分三個情景進行設置,可能有點麻煩
一是首行的加載操作
二是末行的加載操作
三是中間行的家在操作
5、 對上下移圖標進行單擊事件的設置
6、 上移圖標和下移圖標的事件類似,主要描述下移圖標的事件
備注:下移圖標主要包含四個操作方法
一是對全局變量(文本框)的設置
二是更新中繼器數據表中的row_id數據
三是對更新后的中繼器數據表內容進行排序
7、 這里重點描述一下兩個更新行的方法的具體設置
一是對當前行的更新
二是對下一行的更新
備注:重點關注對全局變量的使用。
本文由 @不器 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議
評論
謝謝作者,非常有幫助!