跟我學(xué)原型:快速制作輪播圖
使用摹客在線設(shè)計(jì)可以制作循環(huán)的自動(dòng)輪播圖,先來看看效果吧。

此制作方法的原理是:當(dāng)每一個(gè)輔助畫板的內(nèi)容加載出來后,就使內(nèi)容面板切換下一個(gè)內(nèi)容,以此做到自動(dòng)的循環(huán)輪播。
現(xiàn)在我們一起來拆分一下操作步驟吧:
第一步,在輔助畫板上準(zhǔn)備好制作輪播圖的素材(參與輪播切換的內(nèi)容),并將這些輔助畫板關(guān)聯(lián)進(jìn)主畫板中的內(nèi)容面板中。

第二步,選中主畫板(請(qǐng)注意:是選中畫板,而非畫板中的組件。點(diǎn)擊畫板名稱,可快速選中畫板。 ),在右側(cè)交互面板中,點(diǎn)擊“添加交互”,并進(jìn)行如下交互設(shè)置:
目標(biāo):內(nèi)容面板
觸發(fā):載入時(shí)
命令:切換內(nèi)容
內(nèi)容:下一個(gè)
效果:右側(cè)推入(按需設(shè)置)
緩動(dòng):線性(按需設(shè)置)
時(shí)長(zhǎng):300ms(按需設(shè)置)
延時(shí):2500ms(按需設(shè)置)
第三步,依次選中每一個(gè)輔助畫板,將輔助畫板作為觸發(fā)源,內(nèi)容面板作為交互目標(biāo),并重復(fù)添加上述的交互設(shè)置。

這樣,就完成了循環(huán)的自動(dòng)輪播效果了,快來試試吧。
標(biāo)簽: