2022年iH5初級(jí)教程：掌握H5的事件機(jī)制

1、iH5 初級(jí)教程：把握 H5 的大事機(jī)制簡(jiǎn)介：iH5 的大事工具有很多的用處, 而大事工具是很多中交互或互動(dòng)的網(wǎng)頁(yè)中必備的 工具,當(dāng)然這 h5 頁(yè)面也不例外, 這也就是平常我們?cè)谥谱骶W(wǎng)頁(yè)交互規(guī)律的工具；工具：1.微信 H5 頁(yè)面的制作素材,包括圖片,音樂(lè),文案 2.可以到 iH5 官網(wǎng)上選擇自己寵愛(ài)的作品來(lái)獵取靈感；步驟：1.先來(lái)看看大事的概念, h5 頁(yè)面有很多的元素,包括圖片、視頻、音頻等,那么 需要它有一些動(dòng)態(tài)的成效, 這就需要有時(shí)間的概念和交互的關(guān)系；所謂交互規(guī)律 就是這些素材間的互動(dòng)關(guān)系,例如點(diǎn)擊視頻開(kāi)頭播放、文字撞擊使圖片被撞走,這些都是由大事觸發(fā)的；2.開(kāi)頭使用大事；第一在舞臺(tái)下

2、添加圖片,選中對(duì)象樹(shù)中的矩形圖片3.,點(diǎn)擊工具欄大事工具,添加大事,這樣大事作為這個(gè)矩形圖的子對(duì)象,左邊我們可以觀看大事 1 的三個(gè)選框；4.觸發(fā)條件可以自由選擇, 實(shí)際上就是這個(gè)對(duì)象有一個(gè)什么樣的操作的時(shí)候或者 有一個(gè)什么動(dòng)作的時(shí)候大事會(huì)被觸發(fā),建議 PC 端選擇點(diǎn)擊,手機(jī)端選擇手指按 下；在這里我們選擇點(diǎn)擊是最簡(jiǎn)潔的；5.目標(biāo)對(duì)象的選擇指的是大事觸發(fā)的對(duì)象,可以通過(guò)選框選擇舞臺(tái)、矩形或者是 圓,在對(duì)象多的時(shí)候可以使用“ 從舞臺(tái)或?qū)ο筮x擇”,點(diǎn)擊它可以直接在右側(cè)對(duì)象樹(shù)的舞臺(tái)上面點(diǎn)擊選擇對(duì)象,在這里我們選擇圓；6.選擇了圓以后會(huì)有很多的動(dòng)作可以選擇,這里我們選擇讓它交替顯示,這樣的 話就可以在

3、點(diǎn)擊矩形的時(shí)候讓圓不斷地顯示和隱匿；7.每個(gè)對(duì)象下都可以兼有多個(gè)觸發(fā)條件,其中哪一個(gè)觸發(fā)條件符合觸發(fā)大事,目標(biāo)對(duì)象的動(dòng)作就會(huì)開(kāi)頭；更多的零代碼的交互設(shè)計(jì)可以登陸 iH5 的官網(wǎng)進(jìn)行學(xué)習(xí)；學(xué)問(wèn)點(diǎn)：1、大事：大事對(duì)象是 iH5 編輯器中制作互動(dòng)成效的重要工具,它用來(lái)設(shè)定對(duì)象與對(duì)象之間的相互把握關(guān)系, 比如,當(dāng)一個(gè)圖片對(duì)象被點(diǎn)擊的時(shí)候,一個(gè)視頻對(duì)象會(huì)開(kāi)頭播放；添加一個(gè)大事的過(guò)程包括：選中預(yù)添加大事的父對(duì)象 ,該對(duì)象即為觸發(fā)對(duì)象, 假如該對(duì)象可以設(shè)置觸發(fā)條件,工具欄的大事組件會(huì)點(diǎn)亮, 點(diǎn)擊事件工具圖標(biāo)即可添加； 由于大事對(duì)象也是一類功能性的對(duì)象,它不能在舞臺(tái)上被顯示,因此你必需通過(guò)對(duì)象樹(shù)來(lái)選中它,輯；進(jìn)而通過(guò)屬性面板來(lái)對(duì)它進(jìn)行進(jìn)一步編2、請(qǐng)留意,添加大事對(duì)象的位置特殊重要,即你選擇哪一個(gè)對(duì)象來(lái)作為新添加 大事的父對(duì)象, 由于在 iH5 編輯器中,一個(gè)大事的父對(duì)象會(huì)被自動(dòng)設(shè)定為這個(gè)事件的觸發(fā)對(duì)象, 即這個(gè)觸發(fā)對(duì)象中意某一個(gè)觸發(fā)條件時(shí),這個(gè)大事的執(zhí)行； 換一句話說(shuō),在任一個(gè)對(duì)象下添加的大事即以這個(gè)對(duì)象為觸發(fā)大事；要預(yù)覽一個(gè)大事的成效,你需要預(yù)覽案例來(lái)進(jìn)入案例播放狀態(tài)；3、在一個(gè)對(duì)象下,可以添加多個(gè)大事對(duì)象,即一個(gè)對(duì)象可以作為多個(gè)大事的觸發(fā)對(duì)象,大事由下往上