Hello大家好!這次我要分享一款原創(chuàng)的手勢小動畫庫(就是Demo中的那個(gè)小圓點(diǎn)點(diǎn))。既然能稱之為“庫”,那一定要符合隨時(shí)調(diào)用,可復(fù)用的特點(diǎn)。我也是為此琢磨了好一陣,制作了這么一款手勢庫(很可惜我不會制作腳本插件,只能以ape工程文件的形式調(diào)用,腳步插件是接下來的努力方向!)。
那么先簡單介紹一下這個(gè)手勢小動畫庫吧。里面包含:單擊、雙擊、長按、拖拽、縮放、旋轉(zhuǎn)等常用手勢;單擊、長按和拖拽支持單指、雙指、三指。功能不多,但基本符合大部分場景需要。
【常用手勢】
【使用方法】
首先將手勢.ape文件拖拽進(jìn)你的工程文件中。點(diǎn)開手勢合成,復(fù)制你需要的手勢圖層到你要加手勢的合成中;
單擊/雙擊/長按手勢的使用方法:
?、僦恍椟c(diǎn)開位置屬性,定位好圓點(diǎn)位置和出現(xiàn)的時(shí)機(jī),然后打一個(gè)關(guān)鍵幀即可(可以理解為做一個(gè)記號)。你還可以通過效果效果控件對圓點(diǎn)進(jìn)行一些細(xì)節(jié)調(diào)整,如大小,透明度,雙指,三指等等;(如下圖所示)
②勾選雙指,三指可以激活更多的小圓點(diǎn);
?、弁ㄟ^調(diào)整“持續(xù)時(shí)間”可以實(shí)現(xiàn)長按的效果;
?、苄Ч丶杏袀€(gè)“透明度映射”,可以將Press狀態(tài)按鈕的透明度關(guān)聯(lián)它,即可輕松實(shí)現(xiàn)點(diǎn)擊效果;(可以參照附件中的示例文件)
拖拽手勢的使用方法:
?、僦恍椟c(diǎn)開位置屬性,定位好圓點(diǎn)位置和出現(xiàn)/結(jié)束的時(shí)機(jī),然后打2個(gè)或以上關(guān)鍵幀即可(第一個(gè)關(guān)鍵幀控制出現(xiàn)動畫,最后一個(gè)關(guān)鍵幀控制消失動畫)。
你可以:
a.直接在手勢圖層的位置屬性進(jìn)行K幀;
b.通過父級關(guān)聯(lián)到其他圖層;
c.通過表達(dá)式關(guān)聯(lián)到其他圖層;
?、诠催x雙指,三指可以激活更多的小圓點(diǎn);
?、苄Ч丶杏袀€(gè)“移動距離映射”,先新建一個(gè)空圖層并將其位置屬性表達(dá)式關(guān)聯(lián)到“移動距離映射”的滑塊上,然后將你想要和圓點(diǎn)位移關(guān)聯(lián)在一起的圖層父級到空圖層即可;(可以參照附件中的示例文件)
縮放&旋轉(zhuǎn)手勢的使用方法:
?、僦恍椟c(diǎn)開位置屬性,定位好圓點(diǎn)位置和出現(xiàn)/結(jié)束的時(shí)機(jī),然后打2個(gè)或以上關(guān)鍵幀即可(第一個(gè)關(guān)鍵幀控制出現(xiàn)動畫,最后一個(gè)關(guān)鍵幀控制消失動畫)。然后對手勢圖層的位置屬性進(jìn)行K幀;
?、?溫馨提示)旋轉(zhuǎn)動畫要對效果控件中的“旋轉(zhuǎn)角度”進(jìn)行K幀哦!
?、苄Ч丶杏袀€(gè)“縮放映射值”和角度映射值,同樣可以通過表達(dá)式關(guān)聯(lián)將其關(guān)聯(lián)出去;(可以參照附件中的示例文件)
本著興趣和提高工作效率的想法,花了點(diǎn)時(shí)間制作了這么一個(gè)“小預(yù)設(shè)動畫”分享給大家,希望有需要的同學(xué)能夠喜歡哦!(附件請用AE CC 12或以上的版本打開)