在线二区人妖系列_国产亚洲欧美日韩在线一区_国产一级婬片视频免费看_精品少妇一区二区三区在线

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 動(dòng)畫(huà)屬性
交互屬性
Studio
交互
使用 Pixate 前需理解的概念
上傳與分享
資源
權(quán)限
管理你的團(tuán)隊(duì)
動(dòng)畫(huà)屬性
動(dòng)畫(huà)
Actions
條件
云端
連接到你的設(shè)備
原型
圖層屬性
費(fèi)用計(jì)算
圖層
畫(huà)布菜單
交互與動(dòng)畫(huà)屬性
介紹

動(dòng)畫(huà)屬性

每個(gè)動(dòng)畫(huà)，都有一組依賴于交互的屬性以及動(dòng)畫(huà)模式。本章節(jié)將會(huì)介紹各個(gè)模塊的使用方式。

移動(dòng)

C持續(xù)不斷到終值

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT BEGIN & END

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。必須設(shè)置起始點(diǎn)和終點(diǎn)。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

MOVE TO

圖層的下拉邊被用作參考，X 和 Y 字段指定了圖層應(yīng)該移動(dòng)的位置。

水平 參數(shù)：

Left, Horizontal Center, Right

垂直 參數(shù)：

Top, Vertical Center, Bottom

持續(xù)不斷的速率

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。在滾動(dòng)區(qū)域內(nèi)，如果想要移動(dòng)圖層，就會(huì)使用到。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

MOVE

操作下拉列表，允許你修改區(qū)域內(nèi)的參考圖層。

參數(shù)：

Top, Right, Bottom, Left, Horizontal Center, Vertical Center

RATE

在圖層移動(dòng)時(shí)，改變了速率這個(gè)字段。在滾動(dòng)交互中，根據(jù)這個(gè)動(dòng)畫(huà)，滾動(dòng)的方向與速率值的正負(fù)相匹配。

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

這個(gè)動(dòng)畫(huà)模式只是條件中的一個(gè)字段，動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

MOVE TO

這個(gè)選項(xiàng)指明了圖層要移動(dòng)到什么地方。圖層的下拉邊被用作參考，X 和 Y 字段指定了圖層應(yīng)該移動(dòng)的位置。

EASING CURVE

這就是你想要為動(dòng)畫(huà)使用的緩和曲線。

DURATION

這個(gè)就是你定義的動(dòng)畫(huà)持續(xù)的時(shí)長(zhǎng)。

持續(xù)時(shí)間和延時(shí)可以用來(lái)模擬鏈接動(dòng)畫(huà)的體驗(yàn)。

DELAY

從動(dòng)畫(huà)開(kāi)始時(shí)，設(shè)置延時(shí)。

縮放

持續(xù)不斷到終值

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT BEGIN & END

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。必須設(shè)置起始點(diǎn)和終點(diǎn)。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

SCALE TYPE

下拉改變了用來(lái)縮放圖層的方法：通過(guò)比例進(jìn)行縮放或者縮放到指定的尺寸。

LINK X AND Y

這個(gè)選項(xiàng)選中后， x 或者 y 中的一個(gè)，一起縮放或者分別指定不同的值。

ANCHOR

圖層由九宮格進(jìn)行分割。

SCALE

通過(guò)比例或者指定尺寸來(lái)進(jìn)行縮放。

持續(xù)不斷的速率

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。在滾動(dòng)區(qū)域內(nèi)，如果想要移動(dòng)圖層，就會(huì)使用到。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

ANCHOR

圖層由九宮格進(jìn)行分割。

RATE

在圖層移動(dòng)時(shí)，改變了速率這個(gè)字段。在滾動(dòng)交互中，根據(jù)這個(gè)動(dòng)畫(huà)，滾動(dòng)的方向與速率值的正負(fù)相匹配。

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

SCALE TYPE

下拉改變了用來(lái)縮放圖層的方法：通過(guò)比例進(jìn)行縮放或者縮放到指定的尺寸。

LINK X AND Y

這個(gè)選項(xiàng)選中后， x 或者 y 中的一個(gè)，一起縮放或者分別指定不同的值。

ANCHORS

圖層由九宮格進(jìn)行分割。

SCALE

通過(guò)比例或者指定尺寸來(lái)進(jìn)行縮放。

EASING CURVE

這就是你想要為動(dòng)畫(huà)使用的緩和曲線。

DURATION

這個(gè)就是你定義的動(dòng)畫(huà)持續(xù)的時(shí)長(zhǎng)。

持續(xù)時(shí)間和延遲可以用來(lái)模擬鏈接動(dòng)畫(huà)的體驗(yàn)。

DELAY

從動(dòng)畫(huà)開(kāi)始時(shí)，設(shè)置延時(shí)。

旋轉(zhuǎn)

持續(xù)不斷到終值

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT BEGIN & END

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。必須設(shè)置起始點(diǎn)和終點(diǎn)。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

ANCHOR

圖層由九宮格進(jìn)行分割。

TRANSFORM STYLE

這些按鈕用來(lái)觸發(fā)你想要的旋轉(zhuǎn)樣式。二維旋轉(zhuǎn)是圍繞 Z 軸的。三維旋轉(zhuǎn)表明了要使用到額外的 x 和 y 軸。

ROTATE TO

定義了圖層將會(huì)旋轉(zhuǎn)的角度。

BACKSIDE LAYER

轉(zhuǎn)換風(fēng)格選中了三維旋轉(zhuǎn)后，就會(huì)顯示這個(gè)選項(xiàng)。圖層的下拉列表中有允許將圖層旋轉(zhuǎn)到背面的選項(xiàng)。

持續(xù)不斷的速率

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。在滾動(dòng)區(qū)域內(nèi)，如果想要移動(dòng)圖層，就會(huì)使用到。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

ANCHOR

圖層由九宮格進(jìn)行分割。

TRANSFORM STYLE

這些按鈕用來(lái)觸發(fā)你想要的旋轉(zhuǎn)樣式。二維旋轉(zhuǎn)是圍繞 Z 軸的。三維旋轉(zhuǎn)表明了要使用到額外的 X 和 Y 軸。

RATE

在圖層移動(dòng)時(shí)，改變了速率這個(gè)字段。在滾動(dòng)交互中，根據(jù)這個(gè)動(dòng)畫(huà)，滾動(dòng)的方向與速率值的正負(fù)相匹配。

BACKSIDE LAYER

轉(zhuǎn)換風(fēng)格選中了三維旋轉(zhuǎn)后，就會(huì)顯示這個(gè)選項(xiàng)。圖層的下拉列表中有允許將圖層旋轉(zhuǎn)到背面的選項(xiàng)。

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

ANCHOR

圖層由九宮格進(jìn)行分割。

TRANSFORM STYLE

這些按鈕用來(lái)觸發(fā)你想要的旋轉(zhuǎn)樣式。二維旋轉(zhuǎn)是圍繞 Z 軸的。三維旋轉(zhuǎn)表明了要使用到額外的 X 和 Y 軸。

ROTATE TO

定義了圖層將會(huì)旋轉(zhuǎn)的角度。

EASING CURVE

這就是你想要為動(dòng)畫(huà)使用的緩和曲線。

DURATION

這個(gè)就是你定義的動(dòng)畫(huà)持續(xù)的時(shí)長(zhǎng)。

持續(xù)時(shí)間和延遲可以用來(lái)模擬鏈接動(dòng)畫(huà)的體驗(yàn)。

DELAY

從動(dòng)畫(huà)開(kāi)始時(shí)，設(shè)置延時(shí)。

BACKSIDE LAYER

轉(zhuǎn)換風(fēng)格選中了三維旋轉(zhuǎn)后，就會(huì)顯示這個(gè)選項(xiàng)。圖層的下拉列表中有允許將圖層旋轉(zhuǎn)到背面的選項(xiàng)。

淡入

持續(xù)不斷到終值

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT BEGIN & END

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。必須設(shè)置起始點(diǎn)和終點(diǎn)。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

FADE TO

這個(gè)值是用來(lái)設(shè)置圖層的透明度的。輸入的是百分比。

持續(xù)不斷的速率

適用于拖拽，滾動(dòng)，旋轉(zhuǎn)和捏拉等交互

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

LIMIT

此選項(xiàng)設(shè)置后，圖層中的交互將會(huì)進(jìn)行觸發(fā)。在滾動(dòng)區(qū)域內(nèi)，如果想要移動(dòng)圖層，就會(huì)使用到。

此動(dòng)畫(huà)是根據(jù)拖拽而設(shè)計(jì)的，可以指定圖層的某條邊作為參考，在滾動(dòng)時(shí)，可以選擇滾動(dòng)的方向：水平和垂直。

RATE

在圖層移動(dòng)時(shí)，改變了速率這個(gè)字段。在滾動(dòng)交互中，根據(jù)這個(gè)動(dòng)畫(huà)，滾動(dòng)的方向與速率值的正負(fù)相匹配。

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

FADE TO

這個(gè)值是用來(lái)設(shè)置圖層的透明度的。輸入的是百分比。

EASING CURVE

這就是你想要為動(dòng)畫(huà)使用的緩和曲線。

DURATION

這個(gè)就是你定義的動(dòng)畫(huà)持續(xù)的時(shí)長(zhǎng)。

持續(xù)時(shí)間和延遲可以用來(lái)模擬鏈接動(dòng)畫(huà)的體驗(yàn)。

DELAY

從動(dòng)畫(huà)開(kāi)始時(shí)，設(shè)置延時(shí)。

顏色

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

CHANGE COLOR TO

設(shè)置圖層需要改變的 RGB 顏色值。

DURATION

持續(xù)時(shí)間是即時(shí)的，就是說(shuō)沒(méi)有從顏色到顏色的過(guò)渡。

圖片

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

SELECT ASSET

用來(lái)選中要設(shè)置給圖層的圖片資源。這個(gè)圖片資源必須已經(jīng)上傳到您的賬號(hào)中。

DURATION

持續(xù)時(shí)間是即時(shí)的，就是說(shuō)沒(méi)有從圖片到圖片的過(guò)渡。

再排序

執(zhí)行到終值的時(shí)間

適用于所有的交互

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

CONDITION

動(dòng)畫(huà)會(huì)對(duì)其進(jìn)行檢查來(lái)決定采取什么 action。更多信息請(qǐng)查看 Conditions。

ORDERING

下拉列表中有圖層重新排序的方向。

選項(xiàng)：

Bring to front, Send to back, Place before, Place behind

DELAY

從動(dòng)畫(huà)開(kāi)始時(shí)，設(shè)置延時(shí)。