Axure RP基礎(chǔ)篇: 實(shí)現(xiàn)循環(huán)顯示效果的兩種方法

10 評(píng)論 79924 瀏覽 36 收藏 3 分鐘

如何用Axure實(shí)現(xiàn)循環(huán)顯示效果,本文收集了兩種選擇,可以通過

I) 中間件實(shí)現(xiàn)(無刷新、無變量頁面滾動(dòng)實(shí)現(xiàn)方法),

II) 重新加載當(dāng)前頁面來實(shí)現(xiàn)。

下面將分別簡單介紹。

I) 中間件實(shí)現(xiàn)(無刷新、無變量頁面滾動(dòng)實(shí)現(xiàn)方法)

1、在實(shí)現(xiàn)觸發(fā)自動(dòng)播放的動(dòng)態(tài)面板時(shí),如果觸發(fā)和實(shí)現(xiàn)在同一個(gè)面板的話,效果很不好,于是需要添加一個(gè)輔助的動(dòng)態(tài)面板,將之命名為“輔助”;
2、首先,在加載頁面時(shí),給輔助面板一個(gè)觸發(fā)的動(dòng)作:
22
3、在輔助的面板上,實(shí)現(xiàn)頁面show的動(dòng)態(tài)面板的滾動(dòng),最后的動(dòng)作會(huì)移動(dòng)“輔助”,于是會(huì)再觸發(fā),結(jié)果就相當(dāng)于在這個(gè)面板上實(shí)現(xiàn)了死循環(huán):
23

II) 重新加載當(dāng)前頁面

其主要思路是利用Dynamic Panel和OnPageLoad實(shí)現(xiàn)。具體步驟如下:

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

2、Dynamic Panel命名為“循環(huán)顯示”,并添加四個(gè)狀態(tài),分別為state1、state2、state3、state4;

3、把要實(shí)現(xiàn)的效果分別放在相應(yīng)的state中,如下圖

1

4、選中“循環(huán)顯示”動(dòng)態(tài)面板,添加OnPageLoad事件,如下圖

2

5、到此要實(shí)現(xiàn)的效果基本實(shí)現(xiàn),如下圖所示,循環(huán)至State4(第四個(gè)圓點(diǎn)變紅)后頁面會(huì)自動(dòng)刷新,然后循環(huán)從State1重新開始。

jieguo

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

轉(zhuǎn)自: http://www.zhuipark.com/?p=650

或者猛戳這里

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. open reload in current window在有背景的情況下會(huì)短暫出現(xiàn)白屏,十分扎眼

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

    來自山東 回復(fù)
  3. 有點(diǎn)落后了

    來自湖南 回復(fù)
  4. 第一個(gè)沒看懂。。。。。。。。。。。 ?

    來自廣東 回復(fù)
  5. 只看懂了重新加載這個(gè)

    來自廣東 回復(fù)
  6. 輔助這招絕了,贊一個(gè)

    來自北京 回復(fù)
  7. 沒看懂

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

    來自北京 回復(fù)
  9. 我表示,沒看懂

    來自北京 回復(fù)
  10. ??

    來自北京 回復(fù)