廢話不多說(shuō)，我這里只有干貨。
首先前面是給初學(xué)者看的，全面解釋ae循環(huán)表達(dá)式用法。
如果你已知道，請(qǐng)下拉到最后第三大點(diǎn)的，如何控制循環(huán)表達(dá)式的開始和結(jié)束的時(shí)間。
該時(shí)間控制教程可以套用在大多數(shù)表達(dá)式中。
首先我們要知道怎么打開循環(huán)表達(dá)式，因?yàn)樘?jiǎn)單了，
不會(huì)的看參考教程https://jingyan.baidu.com/article/a3a3f8113a721a8da2eb8a92.html
再不會(huì)請(qǐng)自行百度教程....
然后里面的四個(gè)基本表達(dá)式，分別是：
loopIn(type = "cycle", numKeyframes = 0)
loopOut(type = "cycle", numKeyframes = 0)
loopInDuration(type = "cycle", duration = 0)
loopOutDuration(type = "cycle", duration = 0)
一、首先說(shuō)明他們相同的地方
type =“？”? 可以替換為不同的循環(huán)類型
拿loopOut來(lái)舉例：
類型1? 圓形循環(huán)
loopOut(type="cycle",numkeyframes=0)
cycle是個(gè)圓形的類型的循環(huán)，就是對(duì)一組動(dòng)作進(jìn)行循環(huán)。
如果你有5個(gè)關(guān)鍵幀，分別為12345。
那它的循環(huán)模式就是12345,12345,12345,12345。（如下GIF圖）
類型2? 乒乓循環(huán)
loopOut(type="pingpong",numkeyframes=0)
pingpong?是個(gè)兵乓的類型的循環(huán)，就像那樣兵乓球的作用來(lái)使用。
同上，如果你有關(guān)鍵幀12345個(gè)關(guān)鍵幀，
那它循環(huán)模式就是12345,54321,12345,54321（如下GIF圖）
類型3?彌補(bǔ)循環(huán)
loopOut(type="Offset",numkeyframes=0)
Offset意思根據(jù)關(guān)鍵幀計(jì)算出后面運(yùn)動(dòng)軌跡。（例子：下臺(tái)階循環(huán)，只需做一套動(dòng)作，自動(dòng)繼續(xù)計(jì)算出下臺(tái)階的動(dòng)作）
同上，如果你有關(guān)鍵幀123個(gè)關(guān)鍵幀，
那它循環(huán)模式就是12345678910...直至運(yùn)動(dòng)到合成畫面外看不見（如下GIF圖）
類型3?持續(xù)循環(huán)幀
loopOut(type="continue")
延續(xù)最后一幀的方向和運(yùn)動(dòng)速度，做不停做動(dòng)作。
同上，如果你有關(guān)鍵幀123個(gè)關(guān)鍵幀，
那它循環(huán)模式就是123，3+n...直至合成畫面外。（如下GIF圖）
二、In和Out的區(qū)別，numkeyframes和Duration區(qū)別
1.loopIn的意思：
用這個(gè)表達(dá)式為例? ?loopIn(type="cycle",numkeyframes=0)
假設(shè)循環(huán)的關(guān)鍵幀設(shè)在6-8秒時(shí)候?yàn)橐惶讋?dòng)作。
那么6秒前秒會(huì)一直循環(huán)6-8秒的這套動(dòng)作(不一定是由第1關(guān)鍵幀開始，要看前面空出的時(shí)長(zhǎng))，
循環(huán)到達(dá)6秒到達(dá)關(guān)鍵幀，開始完成最后一套動(dòng)作，在8秒時(shí)結(jié)束循環(huán)。（如下GIF圖）
備注：可以看到動(dòng)畫開始時(shí)，是由第5關(guān)鍵幀開始循環(huán)，因?yàn)樵撗h(huán)在6秒時(shí)候要開始吻合最后的5個(gè)關(guān)鍵幀，所以開始的位置對(duì)應(yīng)推算。
2.loopOut的意思：
用這個(gè)表達(dá)式為例
loopOut(type="cycle",numkeyframes=0)
假設(shè)循環(huán)的關(guān)鍵幀設(shè)在4-6秒時(shí)候?yàn)橐惶住?/p>
那么4秒前時(shí)間循環(huán)不會(huì)動(dòng)，4-6秒時(shí)候開始第一套循環(huán)一套，并在6秒后面一直無(wú)限圓形循環(huán)。（如下GIF圖）
3.上兩例中numkeyframes的意思：
numkeyframes表示循環(huán)哪些關(guān)鍵幀，=0表示循環(huán)所有關(guān)鍵幀。
● 在loopIn中，numkeyframes=1表示前2個(gè)關(guān)鍵幀，=2表示前3個(gè)關(guān)鍵幀，以此類推。
●?相反在loopOut中，numkeyframes=1表示最后2個(gè)關(guān)鍵幀，=2表示最后3個(gè)關(guān)鍵幀，以此類推。
也可以不寫，默認(rèn)是0。
4.Duration的意思：
duration = 0時(shí)候一切遵循以上Out和In的基本解釋。
duration = 1，這里分為兩種：
●?第一種，loopInDuration(type = "cycle", duration = 1)? ? ?
假設(shè)循環(huán)的關(guān)鍵幀設(shè)在4-6秒時(shí)候?yàn)橐惶讋?dòng)作。
duration = 1表示循環(huán)該套動(dòng)作的前1秒內(nèi)的動(dòng)作。（如下截圖，只循環(huán)紅框內(nèi)的關(guān)鍵幀）
動(dòng)畫效果如下GIF圖，前4秒一直循環(huán)該動(dòng)作第1-3關(guān)鍵幀。
●?第二種，loopOutDuration(type = "cycle", duration = 1)? ? ?
還是假設(shè)循環(huán)的關(guān)鍵幀設(shè)在4-6秒時(shí)候?yàn)橐惶讋?dòng)作。
duration = 1表示循環(huán)該套動(dòng)作的最后1秒內(nèi)的動(dòng)作。（如下截圖，只循環(huán)紅框內(nèi)的關(guān)鍵幀）
動(dòng)畫效果如下GIF圖，前4秒不動(dòng)，4秒開始關(guān)鍵幀動(dòng)作，并在完成后一直循環(huán)第3-5關(guān)鍵幀的動(dòng)作
三、如何控制循環(huán)表達(dá)式的開始和結(jié)束時(shí)間
就是用下面表達(dá)式：
timeToStart = 2;
timeToStop = 10;
if ((time > timeToStart) && (time < timeToStop))
{loopIn(type="pingpong",numkeyframes=0);}
else
{ value;}
使用以上表達(dá)式便可控制開始和結(jié)束時(shí)間。
timeToStart = 循環(huán)開始時(shí)間
timeToStop?= 循環(huán)結(jié)束時(shí)間
其中加粗畫橫線的循環(huán)表達(dá)式是可以替換的，可以替換成以上任意一類型循環(huán)表達(dá)式。
因?yàn)閘oopOut的循環(huán)特性，所以開始時(shí)間在loopOut中為特例，
無(wú)論設(shè)為什么，他都是以循環(huán)動(dòng)畫的第一幀關(guān)鍵幀的時(shí)間為準(zhǔn)。
loopIn相反，結(jié)束時(shí)間是最后一幀關(guān)鍵幀控制。
它也可以套用在其他類型的表達(dá)式上，而且為了方便可以鏈接用滑塊控制數(shù)值。
這些以后有空寫教程再講。
教程完畢。
備注：原文鏈接也是我的另外一個(gè)簡(jiǎn)書賬號(hào)
原創(chuàng)教程，原創(chuàng)圖文，未經(jīng)本人同意挪用，一律保留追究責(zé)任。
