當(dāng)前位置：首頁 > 教育綜合 > 正文

木疙瘩拖動(dòng)容器怎么用

教育綜合
2024-08-09 12:59:56

如何利用木疙瘩圖片按鈕交互影集制作

木疙瘩圖片按鈕交互影集制作使用方法
1、創(chuàng)建與保存作品
操作步驟：登陸——單擊【創(chuàng)建作品】
保存——輸入【保存名稱】——單擊【保存】，如下圖所示。
2、界面介紹
界面包括舞臺(tái)設(shè)置、適配設(shè)置、安全框、預(yù)覽作品、添加頁面、添加關(guān)鍵幀動(dòng)畫、設(shè)置微信轉(zhuǎn)發(fā)標(biāo)題，如下圖所示。
3、一鍵生成動(dòng)畫
操作步驟：把圖片拖動(dòng)到編輯器上——選中圖片——單擊【添加預(yù)置動(dòng)畫】，如下圖所示。
PS：在【屬性面板】或單擊【編輯預(yù)置動(dòng)畫】按鈕，可對(duì)預(yù)置動(dòng)畫的效果、是/否自動(dòng)播放、循環(huán)播放、時(shí)長、延遲、方向進(jìn)行設(shè)置。
4、關(guān)鍵幀動(dòng)畫
名稱解釋：
關(guān)鍵幀動(dòng)畫：物體在兩個(gè)時(shí)間點(diǎn)上屬性的變化。
操作步驟如下面視頻所示。
5、添加交互
操作步驟：選中圖形——單擊【添加編輯/行為】——展開【動(dòng)畫播放控制】——單擊【下一頁】，如下圖所示。
6、添加背景音樂
操作步驟：不要選中任何物體——單擊【屬性】——單擊【上傳】——單擊“加號(hào)”按鈕即可添加音樂，如下圖所示。
PS：這個(gè)方法可以為整個(gè)H5添加背景音樂，如果想單獨(dú)為某一頁添加音樂，點(diǎn)擊這里看操作步驟。
7、發(fā)布作品
操作步驟：保存作品后—單擊【發(fā)布】。

木疙瘩水平拖動(dòng)為什么拖不動(dòng)

沒有設(shè)置可以自由拖動(dòng)。
點(diǎn)擊“導(dǎo)入Photoshopshop(PSD)素材”按鈕，將PSD格式內(nèi)的圖片素材原位置“分層導(dǎo)入”編輯頁面；可為每個(gè)素材添加預(yù)置動(dòng)畫效果；選中長圖元件，在其屬性欄內(nèi)設(shè)置“拖動(dòng)/旋轉(zhuǎn)”為“水平拖動(dòng)”。
木疙瘩作為一款十分專業(yè)的H5制作工具軟件，軟件中國具備了直觀便捷的操作界面，可以實(shí)現(xiàn)零代碼交互、免費(fèi)無廣告、支持導(dǎo)出源文件、自動(dòng)適配屏幕的特點(diǎn)。軟件中，有著許多交互在其中的同H5相關(guān)的網(wǎng)頁，將帶給廣大用戶許多的不一樣的H5工具使用特征，并且作為一款十分實(shí)用的H5的交互工具，木疙瘩有著十分簡單的編輯方法，且支持一個(gè)賬號(hào)登陸，線上數(shù)據(jù)與離線數(shù)據(jù)同步，有著非常廣泛的應(yīng)用范圍。

木疙瘩里專業(yè)版編輯器怎么弄長圖顯示

共四步。
第一步設(shè)置首頁：
1.點(diǎn)擊“導(dǎo)入PSD素材”按鈕，將PSD格式內(nèi)的素材原位置“分層導(dǎo)入”編輯頁面；
2.可為每個(gè)素材添加預(yù)置動(dòng)畫效果；
3.將“點(diǎn)擊”圖標(biāo)右鍵轉(zhuǎn)換為元件，雙擊元件頁面為其設(shè)置一個(gè)放大縮小的動(dòng)畫效果。點(diǎn)擊回到舞臺(tái)后可重新為其添加一個(gè)預(yù)置動(dòng)畫效果。
第二步設(shè)置長圖元件動(dòng)畫：
1.新建圖層，在第三幀插入幀，同時(shí)添加進(jìn)長圖背景素材，
2.將背景圖片右鍵轉(zhuǎn)換為元件。新建圖層，分層導(dǎo)入其他圖片素材。
3.為所有素材圖片插入關(guān)鍵幀動(dòng)畫，分別設(shè)置素材的動(dòng)畫效果。
4.回到舞臺(tái)，補(bǔ)全所有圖層幀數(shù)，為長圖元件添加預(yù)置動(dòng)畫。
5.為“點(diǎn)擊”圖標(biāo)添加“點(diǎn)擊跳轉(zhuǎn)到第三幀并停止”的行為。同時(shí)新建圖層“行為層”，添加矩形，為其添加一個(gè)“出現(xiàn)即暫?！钡男袨椤?br>6.選中長圖元件，在其屬性欄內(nèi)設(shè)置“拖動(dòng)/旋轉(zhuǎn)”為“水平拖動(dòng)”第三步設(shè)置點(diǎn)擊出現(xiàn)提示效果：新建圖層“提示層"

木疙瘩怎樣點(diǎn)擊按鈕彈出圖片教程？

1 把圖片拖動(dòng)場景,然后選中圖片,按f8,選擇影片剪輯類型2 選中這個(gè)影片剪輯,然后看左下角的屬性面版,有個(gè)事例名的,輸入img3 然后在場景上再隨便畫一個(gè)按鈕,按f8,選擇按鈕類型4 選中按鈕,輸入事例名,btn5 然后新建一個(gè)圖層,選中空白關(guān)鍵針,按f9打開動(dòng)作面版,輸入var pressed=true;img._visible=false;//先讓影片不可見btn.onRelease=function(){ if(press){ img._visible=true; }else{ img._visible=false; } press=!press;