iOS動(dòng)畫——Swift動(dòng)畫庫(kù)Spring

感謝作者的開源Spring 其他動(dòng)畫也可以參考這個(gè)英文文檔動(dòng)畫
非常好用的一個(gè)動(dòng)畫拄养、特效的第三方庫(kù)。但是demo里沒有備注节吮,有些不清楚怎么用抽高,下面介紹下怎么在項(xiàng)目中使用它。

怎么集成到項(xiàng)目中使用

根據(jù)作者寫的README文檔透绩,支持手動(dòng)和COcoaPods集成方式翘骂。手動(dòng)集成只需把Spring文件夾拖到工程中即可壁熄。

項(xiàng)目中使用

引入頭文件import Spring (也可以不引入,直接可以用)

需要添加動(dòng)畫的控件碳竟,繼承于SpringView即可草丧。

然后添加你想要的動(dòng)畫效果
舉個(gè)栗子設(shè)置動(dòng)畫:

    let ballView  = SpringView()
     ballView.backgroundColor = UIColor.red
     ballView.frame = CGRect(x: 10, y: 50, width: 100, height: 100)
     self.view.addSubview(ballView)
//設(shè)置具體動(dòng)畫形式
    func setOptions() {
        ballView.force = 0.7      //彈力大小
        ballView.duration = 1.0  //動(dòng)畫持續(xù)時(shí)間
        ballView.delay = 0.6      //動(dòng)畫延時(shí)多久執(zhí)行
        
        ballView.damping = 0.7  //暫時(shí)不知什么用
        ballView.velocity = 1.0  //暫時(shí)不知
        ballView.scaleX = 0     //必須參數(shù)之一:范圍0~1
        ballView.scaleY = 0     //必須參數(shù)之一:范圍0~1
        ballView.x = 0              //必須參數(shù)之一:范圍任意
        ballView.y = 0              //必須參數(shù)之一:范圍任意
        ballView.rotate = 0      //暫時(shí)不知什么用
        
        ballView.animation = "Shake"  // 動(dòng)畫具體樣式
        ballView.curve = "easeOut"     // 動(dòng)畫進(jìn)入或是消失的樣式
    }
    ```
# 這里有個(gè)地方要注意一下:
要想有動(dòng)畫效果,下面四個(gè)參數(shù)必須實(shí)現(xiàn)其中之一:(動(dòng)畫起始位置的坐標(biāo))
`scaleX,  //沿著Y軸方向散開的效果莹桅, 范圍0~1
scaleY,   //沿著Y軸方向散開的效果昌执, 范圍0~1
x,           //偏移起始位置X軸方向上的位移,動(dòng)畫結(jié)束會(huì)沿著X軸返回到起始位置诈泼,大小隨便設(shè)置懂拾,可正可負(fù)
y           //偏移起始位置Y軸方向上的位移,動(dòng)畫結(jié)束會(huì)沿著Y軸返回到起始位置铐达, 大小隨便設(shè)置岖赋,可正可負(fù)`

其他的參數(shù)都有默認(rèn)值可以不實(shí)現(xiàn),包括`animation動(dòng)畫效果`和`curve進(jìn)入方式`都可以不實(shí)現(xiàn)娶桦。
#### 以上這樣一個(gè)動(dòng)畫就集成完了

###怎么開始動(dòng)畫
一句代碼即可:`ballView.animate()`動(dòng)畫就會(huì)動(dòng)起來了贾节。。
還有這個(gè),動(dòng)畫執(zhí)行完成后衷畦,可以進(jìn)行你想要的動(dòng)作栗涂。
```        ballView.animateNext { 
            print("動(dòng)畫完成進(jìn)行的動(dòng)作")
        }```


至于這個(gè)方法 ` ballView.animateTo()`和``` ballView.animateToNext {
           print("Do somethings")
        }```
的使用,參照代碼:
    modalView.animation = "slideRight"
    modalView.animateFrom = false
    modalView.animateToNext(completion: {
        self.dismiss(animated: false, completion: nil)
    })```

什么意思呢祈争? 就是先執(zhí)行上面設(shè)置動(dòng)畫的動(dòng)作斤程,動(dòng)作結(jié)束了,在進(jìn)行下一個(gè)動(dòng)作(動(dòng)畫會(huì)移除掉菩混?忿墅?懵逼了 具體怎么樣看demo源碼的效果去吧。沮峡。)

界面之間的跳轉(zhuǎn)交互

和原來的交互一樣方法的一樣疚脐,present 、dismiss邢疙、push棍弄、 pop等,你也可以設(shè)置transform樣式疟游,都不影響呼畸。你想要有SpringView動(dòng)畫效果怎么辦呢?
就是將你想要添加的動(dòng)畫繼承SpringView颁虐,然后添加動(dòng)畫就好了蛮原。
你可以給某一個(gè)View添加動(dòng)畫,也可以給某幾個(gè)View添加動(dòng)畫另绩。
*整個(gè)界面有動(dòng)畫效果怎么辦呢儒陨? *
我的處理方法是:在self.view上面add一個(gè)一樣的大的View花嘶,所有的控件都add到這個(gè)上面,然后讓這個(gè)View繼承于SpringView的框全,在添加動(dòng)畫即可察绷。

不知道大家是怎么實(shí)現(xiàn)的,還望賜教告訴一下津辩。O(∩_∩)O謝謝

添加一點(diǎn)動(dòng)畫坐標(biāo)及樣式

  "ease": ".25,.1,.25,1",
  "linear": "0,0,1,1",
  "ease-in": ".42,0,1,1",
  "ease-out": "0,0,.58,1",
  "ease-in-out": ".42,0,.58,1",
  "EaseInSine": "0.47, 0, 0.745, 0.715",
  "EaseOutSine": "0.39, 0.575, 0.565, 1",
  "EaseInOutSine": "0.445, 0.05, 0.55, 0.95",
  "EaseInQuad": "0.55, 0.085, 0.68, 0.53",
  "EaseOutQuad": "0.25, 0.46, 0.45, 0.94",
  "EaseInOutQuad": "0.455, 0.03, 0.515, 0.955",
  "EaseInCubic": "0.55, 0.055, 0.675, 0.19",
  "EaseOutCubic": "0.215, 0.61, 0.355, 1",
  "EaseInOutCubic": "0.645, 0.045, 0.355, 1",
  "EaseInQuart": "0.895, 0.03, 0.685, 0.22",
  "EaseOutQuart": "0.165, 0.84, 0.44, 1",
  "EaseInOutQuart": "0.77, 0, 0.175, 1",
  "EaseInQuint": "0.755, 0.05, 0.855, 0.06",
  "EaseOutQuint": "0.23, 1, 0.32, 1",
  "EaseInOutQuint": "0.86, 0, 0.07, 1",
  "EaseInExpo": "0.95, 0.05, 0.795, 0.035",
  "EaseOutExpo": "0.19, 1, 0.22, 1",
  "EaseInOutExpo": "1, 0, 0, 1",
  "EaseInCirc": "0.6, 0.04, 0.98, 0.335",
  "EaseOutCirc": "0.075, 0.82, 0.165, 1",
  "EaseInOutCirc": "0.785, 0.135, 0.15, 0.86",
  "EaseInBack": "0.6, -0.28, 0.735, 0.045",
  "EaseOutBack": "0.175, 0.885, 0.32, 1.275",
  "EaseInOutBack": "0.68, -0.55, 0.265, 1.55"
}```
具體動(dòng)畫路徑

![軌跡圖片.png](http://upload-images.jianshu.io/upload_images/2286585-1631a2520554431b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


##備注
> demo里面有很多細(xì)節(jié)拆撼,比如modal頁面中presention和presenting的交互,通過UIApplication.sharedApplication().sendAction("minimizeView:", to: nil, from: self, forEvent: nil)和委托實(shí)現(xiàn)
這個(gè)很值得我們學(xué)習(xí)喘沿。 也可以用這個(gè)方法獲取第一響應(yīng)者闸度。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蚜印,隨后出現(xiàn)的幾起案子莺禁,更是在濱河造成了極大的恐慌,老刑警劉巖窄赋,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哟冬,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡忆绰,警方通過查閱死者的電腦和手機(jī)浩峡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來错敢,“玉大人翰灾,你說我怎么就攤上這事≈擅” “怎么了纸淮?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)亚享。 經(jīng)常有香客問我咽块,道長(zhǎng),這世上最難降的妖魔是什么欺税? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任糜芳,我火速辦了婚禮,結(jié)果婚禮上魄衅,老公的妹妹穿的比我還像新娘。我一直安慰自己塘辅,他們只是感情好晃虫,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著扣墩,像睡著了一般哲银。 火紅的嫁衣襯著肌膚如雪扛吞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天荆责,我揣著相機(jī)與錄音滥比,去河邊找鬼。 笑死做院,一個(gè)胖子當(dāng)著我的面吹牛盲泛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播键耕,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼寺滚,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了屈雄?” 一聲冷哼從身側(cè)響起村视,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎酒奶,沒想到半個(gè)月后蚁孔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡惋嚎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年杠氢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瘸彤。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡修然,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出质况,到底是詐尸還是另有隱情愕宋,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布结榄,位于F島的核電站中贝,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏臼朗。R本人自食惡果不足惜邻寿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望视哑。 院中可真熱鬧绣否,春花似錦、人聲如沸挡毅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至段磨,卻和暖如春取逾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背苹支。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工砾隅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人债蜜。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓晴埂,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親策幼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子邑时,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜特姐,今天將帶大家一窺ios動(dòng)畫全貌晶丘。在這里你可以看...
    每天刷兩次牙閱讀 8,489評(píng)論 6 30
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜唐含,今天將帶大家一窺iOS動(dòng)畫全貌浅浮。在這里你可以看...
    F麥子閱讀 5,111評(píng)論 5 13
  • 09平等滚秩!---眾生平等,同“飲”一池清水淮捆。
    geqi閱讀 290評(píng)論 6 5
  • 場(chǎng)地練習(xí)中郁油,我一直是優(yōu)秀學(xué)員,表現(xiàn)比較好攀痊,記點(diǎn)記得比較牢桐腌。一位學(xué)員練車時(shí)總是記不住這些點(diǎn),我就在她后面悄悄提醒苟径,結(jié)...
    雁過留書閱讀 309評(píng)論 0 1
  • 風(fēng)清葉肅已知秋案站,漠漠斜暉上小樓。 還顧青春無限恨棘街,更瞻阡陌幾多愁蟆盐。 三分弱質(zhì)天涯尾,一縷游絲海角頭遭殉。 道是紅泥花有...
    陶然忘機(jī)閱讀 300評(píng)論 5 4