交互分為簡短的,和連續(xù)的兩個類型。簡短交互由一個簡單手勢動作組成,例如點擊。連續(xù)的交互允許用戶連續(xù)觸摸屏幕,例如拖拽。
本章節(jié)會溫習(xí)持續(xù)交互的可用屬性。在 Pixate 中短暫交互沒有任何的屬性,因為交互執(zhí)行過程是瞬時的。
當(dāng)用戶拖拽圖層時,在連續(xù)觸摸屏幕的情況下,可以移動圖層。
一般地,拖拽模式設(shè)置為 Free。意思是圖層可以向任意方向拖動。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities1.png" alt="" />
切換到 Vertical 或者 Horizontal 模式,將會限制圖層拖動的方向。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities2.png" alt="" />
用來定義圖層中用于參考的邊,可以設(shè)置最大值和最小值。
垂直參數(shù):
Top, Vertical Center, Bottom
水平參數(shù):
Left, Horizontal Center, Right
在區(qū)域范圍內(nèi),會對拖拽進(jìn)行限制,確保圖層不越界。
垂直:
Min - how far up
Max - how far down
水平:
Min - how far left
Max - how far right
設(shè)置允許用戶拖動的最大和最小范圍。數(shù)值越小,對圖層限制越大。
可以使用兩個手指旋轉(zhuǎn)圖層。為了啟動交互,兩根手指必須同時觸摸圖層。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities3.png" alt="" />
設(shè)置這些值可以限制用戶旋轉(zhuǎn)的角度大小。最小角度是逆時針,最大角度是順時針。
設(shè)置了用戶可以旋轉(zhuǎn)圖層比例的極限值。值越小,限制越大。
允許用戶使用兩根手指捏圖層,進(jìn)行縮放。為了啟動交互,兩根手指必須同時觸摸圖層。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities4.png" alt="" />
設(shè)置了用戶縮放圖層比例的極限值。比例值越小,縮放越小,反之亦然。
設(shè)置了用戶縮放圖層比例的極限值。比例值越小,限制越大。
滾動界面允許用戶使用手指輕彈或者拖拽內(nèi)容。當(dāng)滾動界面超出邊界時,就會 over-scroll 反彈,這是 iOS 的特色。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities5.png" alt="" />
設(shè)置此分頁將提前存儲多個內(nèi)容層,用戶在滾動界面時,就可看到內(nèi)容層。
http://wiki.jikexueyuan.com/project/pixate-guide/images/interaction-properities6.gif" alt="" />