前面介紹的方法是針對對象自身進行的觸發(fā)動畫恭垦,現(xiàn)在我們介紹更靈活的多對象觸發(fā)動畫,即觸發(fā)對象和顯示對象分開格嗅。
案例:圖片類熱點觸發(fā)
熱點其實是對于某個可觸控區(qū)域的專業(yè)術(shù)語番挺。建立熱點觸發(fā),就是指點擊圖片某個區(qū)域屯掖,然后顯示相應(yīng)的內(nèi)容玄柏。
一、制作思路
1贴铜、制作顯示內(nèi)容粪摘,如果是多個對象,需組合并命名绍坝。
2徘意、利用矩形、圓形轩褐、多邊形工具繪制熱點區(qū)域椎咧,并命名。
3灾挨、對顯示內(nèi)容設(shè)置動畫邑退,并將觸發(fā)器設(shè)置為熱點區(qū)域。
二劳澄、實操解讀
(一)制作顯示內(nèi)容
顯示內(nèi)容有兩個地技,分別是臺灣標志和臺灣兩個組合。
(二)制作熱點區(qū)域
因為臺灣的地圖不是規(guī)則區(qū)域的秒拔,所以這里選擇用“多邊形”工具進行繪制莫矗,并命名。
因為熱點區(qū)域不必顯示,所以將多邊形的“線條”設(shè)置為“無線條”作谚,“填充”修改“透明度”為“100%”三娩。
(三)設(shè)置觸發(fā)動畫
選擇顯示內(nèi)容,然后設(shè)置動畫妹懒,觸發(fā)指向熱點雀监。
同一熱點可以觸發(fā)多個動畫,選擇另一個要顯示的內(nèi)容眨唬,設(shè)置動畫并將觸發(fā)指向熱點会前。
因為同一觸發(fā)有多個動畫,而每個動畫也可以單獨出現(xiàn)匾竿、延時出現(xiàn)瓦宜、全部出現(xiàn)等,所以不同的組合就可以實現(xiàn)多種顯示效果岭妖。
1临庇、單擊開始:每點擊一次熱點區(qū)域(如臺灣地圖的熱點區(qū)域),就依次顯示一個動畫昵慌。
2假夺、從上一項開始:后面的動畫會和前面的動畫一起出現(xiàn)。
3废离、從上一項之后開始:在上一項動畫完成后再開始侄泽。
(四)制作其他熱點
因為顯示內(nèi)容的區(qū)域會重復(fù),可以點擊“選擇窗格”中對象右邊的眼睛進行隱藏蜻韭。
制作相關(guān)內(nèi)容,并設(shè)置動畫和觸發(fā)柿扣。
(五)設(shè)置重復(fù)區(qū)域顯示內(nèi)容的消失動畫
如果顯示內(nèi)容出現(xiàn)的區(qū)域是重復(fù)的肖方,因為圖層的關(guān)系,可能會導(dǎo)致圖層下方的內(nèi)容因為上方內(nèi)容遮檔而無法顯示未状,所以要對其他顯示內(nèi)容進行消失動畫的處理俯画。
以本案例來說明,就是在臺灣熱點中增加四川內(nèi)容的消失動畫司草,在四川熱點中增加臺灣內(nèi)容的消失動畫艰垂。
因為四川內(nèi)容已經(jīng)設(shè)置過動畫了,所以要增加一個消失的四川內(nèi)容動畫埋虹,就要點擊“添加動畫”按鈕中的“消失”猜憎。
將消失動畫的觸發(fā)點設(shè)置為“臺灣熱點”
更改消失的播放為“從上一項開始”,
通過拖動來調(diào)整消失動畫為最前面搔课。
用相同的方法設(shè)置所有的消失動畫和順序胰柑。
(六)設(shè)置最上面的顯示內(nèi)容消失動畫
為了切換到頁面時沒有任何顯示內(nèi)容出現(xiàn),需要將最上面一層的顯示內(nèi)容進行消失動畫的處理,方式為“從上一項開始”柬讨。
三崩瓤、其他
這種方法在設(shè)置動畫的時候略為復(fù)雜了一點,重要的原因就是因為顯示區(qū)域是重復(fù)的踩官,所以要先消失其他顯示內(nèi)容却桶,再顯示應(yīng)該出現(xiàn)的內(nèi)容。但如果顯示區(qū)域并不重復(fù)蔗牡,那只需要進行前幾步就可以了颖系。
案例:文字類熱點觸發(fā)
利用圖片類熱點的方法可以輕松實現(xiàn)對文章中個別文字的點讀功能。
1蛋逾、在文字的上方繪制矩形熱點(透明度100%無線條)集晚,然后將右側(cè)顯示內(nèi)容的動畫觸發(fā)設(shè)置給矩形熱點即可。
2区匣、在左側(cè)的矩形文字按鈕(作者偷拔、譯文、原文)亏钩,分別給相應(yīng)的動畫設(shè)置為觸發(fā)區(qū)域莲绰。點擊“作者”顯示作者信息,點擊“譯文”顯示譯文信息姑丑,點擊“原文”清空所有顯示內(nèi)容和重點蛤签。
提示:這三個按鈕的位置在左下方,目的是因為在教室的電子白板栅哀、液晶一體機上老師要操作的區(qū)域一定要在順手的地方震肮,千萬不要在屏幕最上方設(shè)置要點擊的區(qū)域,不然很容易出現(xiàn)暴露身高的問題留拾。
3戳晌、完成品看著復(fù)雜,實際在制作的過程中是以搭積木的形式進行的痴柔,一步一步的制作沦偎,關(guān)鍵是一定要有清晰的制作思路,否則很容易出現(xiàn)混亂咳蔚。當(dāng)然每一個對象一定在建立的時候就要有名稱:篮俊!L富稹侈询!否則當(dāng)對象多了以后想再修改的時候就知道慘了!
對于重點字和詞語堆巧,第一次單擊只顯示重點符號妄荔,此時可以由學(xué)生點擊他想了解的字和詞泼菌,也可以由教師抽問,然后再次點擊才會出現(xiàn)正確答案和讀音啦租。