木疙瘩行為添加以及觸發(fā)事件教學(xué)

木疙瘩官方版是一款功能全面、專業(yè)強(qiáng)勁、使用便捷的無代碼H5制作工具，操作習(xí)慣及功能類似Flash，支持1000多種無代碼交互形式，專業(yè)工具，適合美編及程序員使用 ，操作習(xí)慣類似 PPT，容易上手，支持可視化創(chuàng)建表單并采集數(shù)據(jù)，兼容H5編輯器美編版制作的文件，支持便捷編輯幻燈片、全景、圖表等組件，支持作品內(nèi)素材資源的便捷替換，可在編輯過程中直接編輯圖片、視頻等素材，支持圖文音視的混排，支持插入H5頁面， 支持調(diào)用圖片、視頻編輯器快速處理素材。

行為添加以及觸發(fā)事件

行為

如圖，點擊物體右邊的“添加/編輯行為”按鈕，彈出“編輯行為”對話框。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖1

行為包括“動畫播放控制”“媒體播放控制”“屬性控制”“微信定制”“手機(jī)功能”五大部分。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖2

其中，“動畫播放控制”包括“暫停”“播放”“下一幀”“上一幀”等行為功能

“媒體播放控制”包括“播放聲音”“停止所有聲音”“控制聲音”“播放視頻”等行為功能。

屬性控制”包括“改變元素屬性”“設(shè)置定時器”“跳轉(zhuǎn)鏈接”“提交表單”等行為功能。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖3

“微信定制”包括“定制圖片”“錄制聲音”“顯示微信頭像”“顯示微信昵稱”“定義分享信息”等行為功能。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖4

“手機(jī)功能”包括“打電話”“發(fā)短信”“發(fā)送郵件”“日歷事件”“地圖”等行為功能。

觸發(fā)條件

如下圖，選中左邊任意行為例如“播放”行為，在右邊“觸發(fā)條件”下拉菜單中有“點擊”“出現(xiàn)”“手指按下”“手指抬起”等多種觸發(fā)行為的條件選項。通過選擇不同的“觸發(fā)條件”組合不同的行為可以形成無數(shù)種邏輯表達(dá)。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖5

頁的行為包括“上一頁”“下一頁”“跳轉(zhuǎn)到頁”“禁止翻頁”以及“恢復(fù)翻頁”等行為。如下圖，點擊“下一頁”按鈕元素的“添加/編輯行為”按鈕，在彈出的“編輯行為”對話框中選擇：“動畫播放控制”→“下一頁”→觸發(fā)條件：點擊。即設(shè)置好點擊即跳轉(zhuǎn)到下一頁的行為。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖6

如下圖，點擊“跳轉(zhuǎn)到頁”按鈕元素的“添加/編輯行為”按鈕，在彈出的“編輯行為”對話框中選擇：“動畫播放控制”→“跳轉(zhuǎn)到頁”→觸發(fā)條件：點擊。點擊“編輯”按鈕，進(jìn)入“參數(shù)”對話框。

木疙瘩行為添加以及觸發(fā)事件教學(xué)圖7