2022年iH5初級教程：掌握H5的事件機制_第1頁
2022年iH5初級教程：掌握H5的事件機制_第2頁
2022年iH5初級教程：掌握H5的事件機制_第3頁
2022年iH5初級教程：掌握H5的事件機制_第4頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

2、添加圖片,選中對象樹中的矩形圖片3.,點擊工具欄大事工具,添加大事,這樣大事作為這個矩形圖的子對象,左邊我們可以觀看大事 1 的三個選框；4.觸發(fā)條件可以自由選擇, 實際上就是這個對象有一個什么樣的操作的時候或者 有一個什么動作的時候大事會被觸發(fā),建議 PC 端選擇點擊,手機端選擇手指按 下；在這里我們選擇點擊是最簡潔的；5.目標對象的選擇指的是大事觸發(fā)的對象,可以通過選框選擇舞臺、矩形或者是 圓,在對象多的時候可以使用“ 從舞臺或對象選擇”,點擊它可以直接在右側對象樹的舞臺上面點擊選擇對象,在這里我們選擇圓；6.選擇了圓以后會有很多的動作可以選擇,這里我們選擇讓它交替顯示,這樣的 話就可以在

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論