UIKit Dynamics 在 iOS 7 中***被介紹的，可以讓開(kāi)發(fā)者通過(guò)簡(jiǎn)單的方式，給應(yīng)用界面添加模擬物理世界的交互動(dòng)畫(huà)。iOS 9 中又加入了一些大的改進(jìn)，我們將在本文中查看一些。

Non-Rectangular Collision Bounds

在 iOS 9 之前，UIKitDynamics 的 collision bounds 只能是長(zhǎng)方形。這讓一些并非是***的長(zhǎng)方形的碰撞效果看起來(lái)有些古怪。iOS 9 中支持三種 collision bounds 分別是 Rectangle(長(zhǎng)方形), Ellipse（橢圓形） 和 Path（路徑）。Path 可以是任意路徑，只要是逆時(shí)針的，并且不是交叉在一起的。一個(gè)警告是，path 必須是凸面的不能使凹面的。

為了提供一個(gè)自定義的collision bounds ，你可以子定義一個(gè) UIView 的子類。

如果你有個(gè)自定義的視圖有一個(gè)自定義的bounds，你同樣可以這么做。

UIFieldBehavior

在 iOS 9 之前，只有一種 gravity behaviour(重力感應(yīng)）類型的 behaviour。開(kāi)發(fā)者也無(wú)法擴(kuò)展或者自定義其他類型。

現(xiàn)在，UIKit Dynamics 包含了更多的 behaviours.

Linear Gravity

Radial Gravity

Noise

Custom

這些 behaviours 都有一些屬性可以用來(lái)設(shè)置不同的效果，并且可以簡(jiǎn)單的添加和使用。

Building a UIFieldBehavior & Non-Rectangular Collision Bounds Example

我們來(lái)用創(chuàng)建一個(gè)例子，把這兩個(gè)特性都融合進(jìn)來(lái)。它有幾個(gè)視圖（一個(gè)橢圓和一個(gè)正方形）添加了一些碰撞邏輯和一些噪音的 UIFieldBehavior。

要使用 UIKit Dynamics,首先要?jiǎng)?chuàng)建一個(gè) UIDynamicAnimator。在 viewDidLoad方法中，為你的變量創(chuàng)建一個(gè)引用。

現(xiàn)在你需要添加一些視圖，他們將會(huì)動(dòng)起來(lái)。

這是我們給view 添加的兩個(gè)基本的behaviors。

***個(gè) behaviors, 我們添加了一個(gè)重力感應(yīng)模型。

接下來(lái)我們添加了一個(gè) UIFieldBehavior。使用noiseFieldWithSmoothness方法進(jìn)行了初始化。我們把方形和橢圓形添加到了behavior中，然后給 animator 添加了 field behavior。

我們接著創(chuàng)建了一個(gè) UICollisionBehavior。這會(huì)阻止兩個(gè)元素在碰撞時(shí)疊加，并增加了物理模型的動(dòng)畫(huà)效果。我們使用setTranslatesReferenceBoundsIntoBoundaryWithInsets，給視圖添加了一個(gè)邊緣的設(shè)置。如果不設(shè)置這個(gè)盒子的話，剛才的重力感應(yīng)動(dòng)畫(huà)會(huì)把方形和橢圓形的視圖掉進(jìn)屏幕以下，而回不來(lái)。（我們就看不到碰撞了）

說(shuō)到重力感應(yīng)，我們需要確保他的方向始終是朝下的，也就是實(shí)際的物理世界中的方向。為了做到這點(diǎn)，我們需要使用 CoreMotion framework。創(chuàng)建一個(gè)CMMotionManager 變量。

我們?cè)O(shè)置一個(gè)變量作為類的屬性，是因?yàn)槲覀兪冀K需要用到它。否則的話，CMMotionManager 會(huì)因?yàn)楸会尫诺舳鵁o(wú)法更新。當(dāng)我們發(fā)現(xiàn)設(shè)備的方向發(fā)生變化，為們?cè)O(shè)置重力感應(yīng)模型的 gravityDirection 屬性來(lái)，讓重力的方向始終向下。

注意，我們這個(gè)例子只支持了 portrait一種模式，如果你希望支持全部的方向的話，你可以自己添加一些計(jì)算代碼。

當(dāng)你打開(kāi)應(yīng)用時(shí)，你可以看到如下圖一樣的畫(huà)面。

方形視圖圍繞著橢圓移動(dòng)，但你無(wú)法看出什么門(mén)道。WWDC的session 229，介紹了一個(gè)方法，可以可視化的看到動(dòng)畫(huà)的效果。你需要添加一個(gè)橋接頭（如果是用swift寫(xiě)的項(xiàng)目），添加以下代碼。

這會(huì)暴露一些私有 API，讓UIDynamicAnimator 把debug模式打開(kāi)。這能讓你觀察到空間扭曲的情況。在ViewController 類中，把 animator 的 debugEnable 屬性設(shè)置為 true。

#p#

現(xiàn)在，當(dāng)你打開(kāi)應(yīng)用時(shí)，你就能夠看到 UIFieldBehavior 提供的空間扭曲了。

你同樣能夠看到視圖碰撞時(shí),圍繞在方形和圓形上的的輪廓線。你還可以添加另外一些屬性，他們并非 API 的標(biāo)注屬性，但是可以在lldb中使用。比如 debugInterval 和 debugAnimationSpeed ，當(dāng)你需要debug你的動(dòng)畫(huà)時(shí)，他們會(huì)非常有幫助。

我們可以看到field 起了作用，可以清楚的看到碰撞的效果。如果我們想tweak更多屬性。我們可以給對(duì)象設(shè)置具體的數(shù)值。然后重啟應(yīng)用看看他的變化。我們給頁(yè)面添加三個(gè)UISlider 控制組件。分別控制力量，平滑度和速度。力量的組件數(shù)值范圍在0-25，其他兩個(gè)都是0-1。

當(dāng)你在Interface Builder中創(chuàng)建好，拖拽三個(gè)動(dòng)作事件到ViewController類。，然后按下面設(shè)置，更新他們的屬性。

現(xiàn)在，運(yùn)行應(yīng)用。你可以通過(guò)控制條來(lái)設(shè)置屬性的具體值，以觀察動(dòng)畫(huà)的實(shí)際效果。

希望這些能夠讓你快速理解 UIKit Dynamics 里UIFieldBehavior 和  non-rectangular  collision bounds APIs 是怎么工作和 debug 的。我推薦你在真實(shí)的設(shè)備（而不是模擬器）中查看效果，否則你看不出 motion 所帶來(lái)的效果變化。

延伸閱讀

想要了解更多關(guān)于 UIKit Dynamics 的新特性，請(qǐng)瀏覽 WWDC 2015 的 session 229What’s New in UIKit Dynamics and Visual Effects。另外，并忘了我們的 demo 項(xiàng)目文件可以在 Github 上找到。