UIKit Dynamics

在介紹iOS7中蘋果已經說得很清楚了,他們致力于設備和現(xiàn)實生活的交互行為。一個被介紹的新的API是UIKit Dynamics -- 一個在UIkit框架下的二維物理現(xiàn)象發(fā)動機。

為了模擬現(xiàn)實生活中的物理現(xiàn)象我們使用UIDynamicBehavior子類,這些子類適用接受UIDynamicItem協(xié)議對象的不同行為。很多行為的了例子包括:gravity(重力), collisions(碰撞) and springs(彈簧)。雖然你可以自己子類化接受UIDynamicItem協(xié)議的對象,但是很顯然UIView已經自己做了。UIDynamicBehavior 對象們可以復合在一起形成一個特定的行為對象,這個行為對象有著這些對象的各種行為。

一旦我們指定給我們的dynamic 對象一些特定的行為,我們可以為它創(chuàng)造一個UIDynamicAnimator實例--物理引擎。這玩意計算決定著不同的對象應該如何展現(xiàn)他們的行為。下面的這圖宏觀的概述了UIKit Dynamics原理世界:

圖1.1

建立一個鐘擺實驗

讓我們回顧一下高中的學科---在牛頓物理學中,一個最簡單的項目就是鐘擺實驗了。現(xiàn)在就讓我們利用視圖來呈現(xiàn)球的搖擺吧。

圖1.2

現(xiàn)在我們能給找這球加上些有趣的行為了.我們能夠創(chuàng)造一個對象來復合多種行為:

圖1.3

接下來我們將添加一系列我們想要模擬的行為 --首先就是地球引力了:

圖1.4

UIGravityBehavior 呈現(xiàn)出一個物體和地球之間的萬有引力。這個類有很多屬性讓你能夠描述萬有引力手里的矢量(包括大小和方向)。現(xiàn)在我們加大這個力的大小并保持在y的方向增長。另一個行為我們需要加小球上的是一個附屬行為 -- 用一根線把它給掛住:

圖1.5

UIAttachmentBehavior實例對象依附一個錨點或者另外一個物體。他有屬性可以控制附加線的行為--(可以指定)頻率,阻尼,線長。默認值保證了一個完整且嚴格的附加行為,這正是我們鐘擺實驗所希望的。

現(xiàn)在小球所有的行為都被指定了我們可以創(chuàng)造一個物理引擎UIDynamicAnimator的對象_animator:

圖1.6

UIDynamicAnimator提供了模擬這個實驗的物理引擎。這里我們創(chuàng)造它并指定相關聯(lián)的視圖(比如空間宇宙)然后添加我們剛剛創(chuàng)造的復合型行為。

剛剛做的這些我們就建立了我們第一個UIKit Dynamics系統(tǒng)。然而,你現(xiàn)在去跑這個工程,啥都不會發(fā)生。這是因為這個系統(tǒng)開始在一個平衡的狀態(tài)下--我們應該去打擾這個平衡狀態(tài),讓它動起來。

手勢驅動行為

我們需要為小球添加一個手勢這樣用戶就可以做這個實驗了。


圖1.7

在這個手勢響應方法里面我們施加一個恒力行為在小球上

圖1.8

UIPushBehavior 對物體施加一個線性的力。當我們手勢響應開始,我們創(chuàng)造UIPushBehavior的對象_userDragBehavior,記住把它加在_animator上。為了水平方向速度的轉移,我們需要設置合適力的大小。為了使這個擺鐘搖擺,在手勢結束的時候我們移除_userDragBehavior對象。

目前為止這個實驗看起來是這樣的:


gif-1.1

包含多個搖擺小球

牛頓的實驗的是一個布置好的多個搖擺小球,這樣這些小球幾乎都是接觸的。

圖1.9

為了創(chuàng)造這個UIKit Dynamics我們需要創(chuàng)造多個搖擺小球 - 就和上面我們創(chuàng)造的模式一樣的。他們應該被好好放置確保沒有完全接觸。

我們也需要添加一個新的行為來描述他們之間是如何碰撞的。現(xiàn)在我們需要一個儲存小球的數(shù)組NSArray *_ballBearings;:

圖1.20

我們使用了一種碰撞行為和一系列對象來模擬這個實驗。碰撞行為還可以用于模擬對象達到邊界如視圖邊界,或任意的貝塞爾曲線路徑的界限。

如果你現(xiàn)在運行工程,你試著去移動某個搖擺小球你會發(fā)現(xiàn)這個裝置并沒有出現(xiàn)你想要的結果。因為目前來說這些碰撞并不是彈性的。我們需要添加一種特殊類型的動態(tài)行為來指定不同的共享屬性:

圖1.21

我們使用UIDynamicItemBehavior 來指定碰撞的彈性,阻力(大多是空氣阻力)還有旋轉。如果我們允許旋轉我們可以指定角阻力。UIDynamicItemBehavior還允許設置線速度和角速度,這對匹配 速度時 的手勢是非常有用的。

再次運行工程的時候這個牛頓搖擺裝置就和現(xiàn)實生活的實驗表現(xiàn)的一樣了。作為擴展,你可以去畫一下連接小球兒和鐘擺之間的線。

圖1.22

伴隨著這篇文章的代碼代表了牛頓的搖籃項目完成。它使用了上面所有被提到的類和對象,但也只是在這個工程里面做了淺薄的探索。

結論

這篇文章介紹UIKit Dynamics還是遠遠不夠的--這些模塊可以為非常復雜的物件系統(tǒng)建模。這為那些深受現(xiàn)實生活對世界的運動和對象交互固有理解的APP打開了一扇門

github地址:github.com/ShinobiControls/iOS7-day-by-day

原文地址 :https://www.shinobicontrols.com/blog/ios7-day-by-day-day-0-uikit-dynamics

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容