1、iH5高級教程：H5交互進(jìn)階，打字機(jī)效果第一步：添加素材1、選中舞臺，點(diǎn)擊音樂工具，添加背景音樂素材，音樂屬性設(shè)為自動(dòng)播放YES,同樣添加打字機(jī)聲音的音樂素材，音樂屬性設(shè)為自動(dòng)播放NO（因?yàn)橹挥性诖蜃謾C(jī)動(dòng)的時(shí)候才有聲曰）純音樂那些花兒打字機(jī)的聲音選中舞臺，點(diǎn)擊圖片工具國，添加打字機(jī)圖片。選中打字機(jī)圖片，添加兩個(gè)音樂按鈕圖片。按鈕灰在按鈕紅的上面，即打開作品首先顯示按鈕灰。J団國打字機(jī)B團(tuán)音扌£齟壩）>si音扌細(xì)紅）選中按鈕灰，點(diǎn)擊事件工具，添加2個(gè)事件。手指按下，音樂暫停，并且讓按鈕紅蓋住按鈕灰。觸左對象搖下時(shí)間目標(biāo)對象目標(biāo)動(dòng)作融岌對象觸發(fā)條件手指扭下-蝦時(shí)間b-0|目標(biāo)對象璉

2、臺頁面1，打字機(jī)音按鈕（班）¥臥舞臺或?qū)ο髽溥x擇目標(biāo)動(dòng)作同層量底7選中按鈕紅，點(diǎn)擊事件工具，添加2個(gè)事件。手指按下，音樂繼續(xù)播放，并且讓按鈕灰蓋住按鈕紅。觸發(fā)對象觸發(fā)條件按下時(shí)間目標(biāo)耐象音按訊（紅）手指按下00l菇臺找音樂那些花兒¥扯靈臺或?qū)ο髽溥x擇維續(xù)擂啟目標(biāo)動(dòng)作>ff2豐指按下-就舞臺或?qū)ο髽溥x擇觸岌對象觸發(fā)條件按下時(shí)間目標(biāo)對象目標(biāo)動(dòng)作同層置頂選中舞臺，點(diǎn)擊時(shí)間軸工具。,添加時(shí)間軸1（根據(jù)這個(gè)案例的需要，將時(shí)間軸的自動(dòng)播放和循環(huán)播放屬性設(shè)置為NO,時(shí)間軸時(shí)長設(shè)為65s）,在時(shí)間軸下添加1、2、3、4、5圖片素材，即打字機(jī)中出現(xiàn)的圖片，讓這些圖片成為時(shí)間軸1的子對象

3、。同樣的方法添加時(shí)間軸2,并在它下面添加打字機(jī)的GIF圖片。時(shí)間軸1重命名為24氣節(jié)，時(shí)間軸2重命名為打字。第二步：設(shè)置打字出現(xiàn)的效果，為每張圖片添加軌跡。然后選中時(shí)間軸1下的每張圖片，點(diǎn)擊工具欄中的軌跡按鈕工在軌跡上添加圖片運(yùn)動(dòng)的關(guān)鍵幀。例如，選中圖片1的軌跡添加關(guān)鍵幀，控制圖片1的運(yùn)動(dòng)。在這個(gè)案例中，這些圖片是從下到上出現(xiàn)的，所以只需要選中關(guān)鍵幀，修改圖片的Y坐標(biāo)就可以達(dá)到向上運(yùn)動(dòng)的效果。比如在圖片1軌跡1中，0秒關(guān)鍵幀時(shí)，圖片1的坐標(biāo)為（0,950），在11秒的地方，添加另一個(gè)關(guān)鍵幀，并設(shè)置圖片1的坐標(biāo)為（0,-602），這樣圖片1就在11秒的時(shí)間內(nèi)從Y坐標(biāo)為950的位置向上移動(dòng)到了-6

4、02的位置，即視覺上打字機(jī)中的圖片向上慢慢出現(xiàn)了。醴標(biāo)0省¥坐標(biāo)-602C第三步：添加打字機(jī)動(dòng)畫選中打字時(shí)間軸，添加打字GIF,選中打字GIF,點(diǎn)擊軌跡，使打字GIF有左右移動(dòng)的效果。第一個(gè)關(guān)鍵幀和第三個(gè)關(guān)鍵幀設(shè)置一樣。第二個(gè)關(guān)鍵幀，gif處于右邊。第四步：選中舞臺，添加透明按鈕14，區(qū)域?yàn)椤鞍聪驴辞迕恳徊健钡拇笮?，或可以拉得更大。添加透明按鈕的遠(yuǎn)影是避免手機(jī)由于長按圖片會自動(dòng)跳出保存圖片的指令。選中透明按鈕，點(diǎn)擊事件工具。，添加事件，用戶的動(dòng)作是長按底部按鈕時(shí)，打字針會左右運(yùn)動(dòng)，同時(shí)打字機(jī)中的圖片向上出現(xiàn)，當(dāng)手指離開的時(shí)候，打字針停止，打字機(jī)中的圖片也停止向上。手指按下，24時(shí)節(jié)時(shí)

5、間軸繼續(xù)播放，手指離開，時(shí)間軸暫停。手指按下，打字時(shí)間軸繼續(xù)播放，手指離開，時(shí)間軸暫停。目標(biāo)動(dòng)作遺明按鈕目標(biāo)動(dòng)作事加觸戎對象觸岌條件按下時(shí)間目標(biāo)對象VfflO觸岌對象觸發(fā)條件目標(biāo)對象手指按下，打字聲音繼續(xù)播放，手指離開，聲音暫停。W7觸發(fā)對象觸發(fā)條件按下時(shí)間目標(biāo)對象透明按鈕豐指按下-0舞臺打宇機(jī)的聲音"F就斑臺或?qū)澫髽溥x揉目標(biāo)動(dòng)作觸發(fā)對象遺明按鈕觸發(fā)條件手指離開目標(biāo)對象舞臺打宇機(jī)的聲音甌舞臺前對象樹迭擇目標(biāo)動(dòng)作暫傳手指按下，打字GIF顯示，手指離開，GIF隱藏。手指按下，打字GIF從頭播放，手指離開，GIF結(jié)束。先行知識：時(shí)間軸、事件重點(diǎn)控件：時(shí)間軸、事件、GIF、透明按鈕重點(diǎn)事件：觸發(fā)對象：透明按鈕觸發(fā)條件：手指按下目標(biāo)對象：時(shí)間軸目標(biāo)動(dòng)作：繼續(xù)播放觸發(fā)對象：透明按鈕觸發(fā)條件：手指按下目標(biāo)對象：時(shí)間軸目標(biāo)動(dòng)作：暫停TIPS:1、避免長按手機(jī)時(shí)彈出保存圖片提示，可以添加層或透明按鈕，擋住下面的圖