這些用來(lái)設(shè)置特定動(dòng)畫(huà)和交互，將其應(yīng)用到圖層。動(dòng)畫(huà)的范圍和交互與動(dòng)畫(huà)的關(guān)系用來(lái)作為判斷條件。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation1.png" alt="" />

依據(jù)

第一個(gè)菜單項(xiàng)將動(dòng)畫(huà)設(shè)置給該圖層。圖層必須要有一個(gè)交互動(dòng)作，才能在菜單中顯示。建議使用簡(jiǎn)單的圖層名稱(chēng)，易于使用。

每個(gè)交互動(dòng)作都有不同的事件，第二個(gè)菜單項(xiàng)設(shè)置交互的事件到動(dòng)畫(huà)上。取決于事件，其他動(dòng)畫(huà)屬性和選項(xiàng)可用或者被隱藏。

一層有多個(gè)交互，應(yīng)用于它將顯示所有可用選項(xiàng)。

這是交互事件的一個(gè)圖表：

請(qǐng)注意，屏幕有一個(gè)選項(xiàng)，加載，當(dāng)屏幕加載時(shí)，動(dòng)畫(huà)根據(jù)該選項(xiàng)加載。

拖拽，旋轉(zhuǎn)，捏拉和滾動(dòng)中多個(gè)事件互動(dòng)被認(rèn)為是恒定的，因?yàn)橛脩?hù)可以連續(xù)進(jìn)行這種互動(dòng)。

動(dòng)畫(huà)

有三種類(lèi)型的動(dòng)畫(huà)模式，用以改變動(dòng)畫(huà)運(yùn)行的過(guò)程。

CONTINUOUSLY TO FINAL VALUE

像拖動(dòng)和滾動(dòng)這種持續(xù)的互動(dòng)，會(huì)限制互動(dòng)和動(dòng)畫(huà)范圍的。

CONTINUOUSLY WITH RATE

像拖動(dòng)和滾動(dòng)持續(xù)的互動(dòng)，圖層以規(guī)定的速度平移（即視差運(yùn)動(dòng)）。

WITH DURATION TO FINAL VALUE

條件滿(mǎn)足，圖層就會(huì)連續(xù)移動(dòng)。

某些交互事件只允許特定的動(dòng)畫(huà)類(lèi)型，如下圖所示的圖表：

錨點(diǎn)（縮放和旋轉(zhuǎn)）

縮放和選擇以九宮格的中心為原點(diǎn)。選中九宮格中的一個(gè)格子，就可以將其設(shè)置為動(dòng)畫(huà)執(zhí)行的原點(diǎn)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation2.png" alt="" />

縮放動(dòng)畫(huà)將從選定的點(diǎn)上下縮放。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation3.gif" alt="" />

旋轉(zhuǎn)動(dòng)畫(huà)將繞著選定點(diǎn)旋轉(zhuǎn)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation4.gif" alt="" />

旋轉(zhuǎn)的變換樣式

這變化軸可用于切換動(dòng)畫(huà)。在默認(rèn)情況下只顯示 Z 軸領(lǐng)域。點(diǎn)擊三維旋轉(zhuǎn)顯示 X 和 Y 軸。這允許card-flip類(lèi)型的動(dòng)畫(huà)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation5.png" alt="" />

X 軸旋轉(zhuǎn)

繞 X 軸旋轉(zhuǎn)圖層，若設(shè)置為正數(shù)，則底部向頂部翻轉(zhuǎn)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation6.gif" alt="" />

Y 軸旋轉(zhuǎn)

繞 Y 軸旋轉(zhuǎn)圖層，若設(shè)置為正數(shù)，則左邊向右邊翻轉(zhuǎn)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation7.gif" alt="" />

Z 軸旋轉(zhuǎn)

繞Z軸旋轉(zhuǎn)圖層，若設(shè)置為正數(shù)，順時(shí)針旋轉(zhuǎn)。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation8.gif" alt="" />

旋轉(zhuǎn)到背面

這個(gè)屬性指定使用哪個(gè)層作為旋轉(zhuǎn)層的背面。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation9.png" alt="" />

一般，如果沒(méi)有選定圖層，就會(huì)將當(dāng)前圖層旋轉(zhuǎn)后作為背面圖層。為這個(gè)屬性選擇圖層，就可以為此圖層設(shè)置背面。背面圖層可以有任意尺寸，應(yīng)定位到屏幕，要旋轉(zhuǎn)圖層的下方。

http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-animation10.gif" alt="" />