第二種：利用元件的移動切換
實現原理：複製兩組相同的圖集，利用兩個圖集的之間的位移製作循環播放的假象。
適用情形：展示的圖片集總寬度小於或等於展示屏幕寬度。
如下圖所示：
1. 界面元件搭建
拉入三個矩形，填充不同顏色，作為要展示的三個圖片，分別命名為：圖片1、圖片2、圖片3，組合併命名為【圖集1】，再複製【圖集1】為另一組【圖集2】，並排在【圖集1】後面。
為了方便講解，暫時將【圖集2】中的三個矩形命名為：圖片4、圖片5、圖片6。再將這兩個圖集組合併命名為【圖集】。最後將其轉為動態面板，寬度調整縮小為屏幕展示的寬度。
2. 交互實現
每張圖片的寬高為300*160，即展示的圖片組寬度為900，加上三個圖片之間的間距2*20，即總寬度為940。
- 選中動態面板，添加【載入時】交互事件，選擇【圖集】，移動：絕對位置，X軸為：-940。動畫為線性，時間為10000毫秒。
- 添加等待時間10000毫秒。（目的是為了等圖片集1展示完，再移動）
- 選擇【圖集1】，移動：絕對位置，X軸為：980。動畫為無。
- 選擇【圖集】，移動：絕對位置，X軸為：-940。動畫為線性，時間為10000毫秒。
- 再添加等待時間10000毫秒。
- 選擇【圖集2】，移動：絕對位置，X軸為：980。動畫為無。
- 最後，添加【觸發事件】，選擇當前元件的【載入時】事件。
所有交互事件如下圖所示：
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/322748.html
微信掃一掃 
支付寶掃一掃 