用Axure RP8實現(xiàn)照片膠片放映滾動效果還有哪些方法呢，一起來看看~~

繼上一篇文章《Axure RP8 教程：照片膠片放映滾動效果制作（一）》，今天分享另一種實現(xiàn)方法。

第二種：利用元件的移動切換

實現(xiàn)原理：復(fù)制兩組相同的圖集，利用兩個圖集的之間的位移制作循環(huán)播放的假象。

適用情形：展示的圖片集總寬度小于或等于展示屏幕寬度。

如下圖所示：

1. 界面元件搭建

拉入三個矩形，填充不同顏色，作為要展示的三個圖片，分別命名為：圖片1、圖片2、圖片3，組合并命名為【圖集1】，再復(fù)制【圖集1】為另一組【圖集2】，并排在【圖集1】后面。

為了方便講解，暫時將【圖集2】中的三個矩形命名為：圖片4、圖片5、圖片6。再將這兩個圖集組合并命名為【圖集】。最后將其轉(zhuǎn)為動態(tài)面板，寬度調(diào)整縮小為屏幕展示的寬度。

2. 交互實現(xiàn)

每張圖片的寬高為300*160，即展示的圖片組寬度為900，加上三個圖片之間的間距2*20，即總寬度為940。

1. 選中動態(tài)面板，添加【載入時】交互事件，選擇【圖集】，移動：絕對位置，X軸為：-940。動畫為線性，時間為10000毫秒。
2. 添加等待時間10000毫秒。（目的是為了等圖片集1展示完，再移動）
3. 選擇【圖集1】，移動：絕對位置，X軸為：980。動畫為無。
4. 選擇【圖集】，移動：絕對位置，X軸為：-940。動畫為線性，時間為10000毫秒。
5. 再添加等待時間10000毫秒。
6. 選擇【圖集2】，移動：絕對位置，X軸為：980。動畫為無。
7. 最后，添加【觸發(fā)事件】，選擇當前元件的【載入時】事件。

所有交互事件如下圖所示：

3. 預(yù)覽效果如下

作者：火星人～艾斯，公眾號：艾斯的Axure峽谷

本文由 @火星人～艾斯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議