Axure RP基礎篇: 實現循環顯示效果的兩種方法

10 評論 79888 瀏覽 36 收藏 3 分鐘

如何用Axure實現循環顯示效果,本文收集了兩種選擇,可以通過

I) 中間件實現(無刷新、無變量頁面滾動實現方法),

II) 重新加載當前頁面來實現。

下面將分別簡單介紹。

I) 中間件實現(無刷新、無變量頁面滾動實現方法)

1、在實現觸發自動播放的動態面板時,如果觸發和實現在同一個面板的話,效果很不好,于是需要添加一個輔助的動態面板,將之命名為“輔助”;
2、首先,在加載頁面時,給輔助面板一個觸發的動作:
22
3、在輔助的面板上,實現頁面show的動態面板的滾動,最后的動作會移動“輔助”,于是會再觸發,結果就相當于在這個面板上實現了死循環:
23

II) 重新加載當前頁面

其主要思路是利用Dynamic Panel和OnPageLoad實現。具體步驟如下:

1、在頁面中插入Dynamic Panel,拖拽至合適位置大小適中;

2、Dynamic Panel命名為“循環顯示”,并添加四個狀態,分別為state1、state2、state3、state4;

3、把要實現的效果分別放在相應的state中,如下圖

1

4、選中“循環顯示”動態面板,添加OnPageLoad事件,如下圖

2

5、到此要實現的效果基本實現,如下圖所示,循環至State4(第四個圓點變紅)后頁面會自動刷新,然后循環從State1重新開始。

jieguo

怎么樣,簡單不呢?黑黑~

轉自: http://www.zhuipark.com/?p=650

或者猛戳這里

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. open reload in current window在有背景的情況下會短暫出現白屏,十分扎眼

    來自廣東 回復
  2. 看不懂哇,你是省略了多少解題步驟?

    來自山東 回復
  3. 有點落后了

    來自湖南 回復
  4. 第一個沒看懂。。。。。。。。。。。 ?

    來自廣東 回復
  5. 只看懂了重新加載這個

    來自廣東 回復
  6. 輔助這招絕了,贊一個

    來自北京 回復
  7. 沒看懂

    來自湖北 回復
  8. 表示,依然沒看懂

    來自北京 回復
  9. 我表示,沒看懂

    來自北京 回復
  10. ??

    來自北京 回復