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