iOS 動(dòng)畫之Spring動(dòng)畫姆坚、Block動(dòng)畫澳泵、GIF圖

Spring動(dòng)畫

Spring動(dòng)畫是一種特殊的動(dòng)畫曲線,自從iOS7之后開始被廣泛應(yīng)用在系統(tǒng)動(dòng)畫中兼呵。所謂的Spring動(dòng)畫就是動(dòng)畫在執(zhí)行的過程中會(huì)有一個(gè)放大的效果兔辅,然后在回去腊敲。
創(chuàng)建Spring動(dòng)畫用到了下面的一個(gè)方法

- (void)springAnimation{
//Damping:阻尼值0 - 1、阻尼值越小動(dòng)畫越明顯
//Velocity:初始速度
[UIView animateWithDuration:2.0 delay:0 usingSpringWithDamping:0.5 initialSpringVelocity:20
 options:UIViewAnimationOptionRepeat animations:^{
    self.redView.frame = CGRectMake(100, 300, 200, 200);
    self.redView.backgroundColor =[UIColor blackColor];
} completion:nil];
}

Block動(dòng)畫

Block簡單動(dòng)畫

示例:在Block的回調(diào)方法內(nèi)改變動(dòng)畫的顏色

[UIView animateWithDuration:5 animations:^{
//需要改變的屬性
self.redView.backgroundColor = [UIColor cyanColor];
}];

Block復(fù)雜動(dòng)畫

相比較Block的簡單動(dòng)畫來說Block的復(fù)雜動(dòng)畫能夠在動(dòng)畫完成后幢妄,對動(dòng)畫做一些其他的操作
示例:在動(dòng)畫過程中改變將視圖的顏色改為黃色兔仰,在動(dòng)畫結(jié)束的時(shí)候?qū)⒁晥D的顏色改為紅色茫负。

[UIView animateWithDuration:2.0 animations:^{
self.redView.backgroundColor = [UIColor yellowColor];
} completion:^(BOOL finished) {
     if (finished) {//動(dòng)畫結(jié)束
       self.redView.backgroundColor = [UIColor redColor];
     }
}];

GIF動(dòng)圖

簡單來說蕉鸳,gif圖片就是將一組圖片放在一起,以極快的速度切換圖片忍法,這樣就能實(shí)現(xiàn)一個(gè)動(dòng)畫的效果潮尝。西面來看具體的做法。

  • 首先饿序,我們創(chuàng)建一個(gè)可變數(shù)組把我們需要用到的圖象存儲(chǔ)起來勉失。
NSMutableArray *imageArray = [NSMutableArray array];
        for (int i = 1; i < 14; i++) {
            UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"1-%d.tiff",i]];
            [imageArray addObject:image];
        }
  • 然后創(chuàng)建一個(gè)imageView來顯示圖片
    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 200, 200)];
    imageView.center = self.view.center;
    imageView.animationImages = imageArray;
    imageView.animationDuration = 0.5;//動(dòng)畫執(zhí)行的時(shí)間
    imageView.animationRepeatCount = 10;//動(dòng)畫重復(fù)次數(shù)
    [self.view addSubview:_imageView];//開啟動(dòng)畫
    [imageView startAnimating];

在實(shí)際使用的過程中,通常我們會(huì)在不同的地方原探,來執(zhí)行動(dòng)畫屬性的操作乱凿,具體情況按照需求來實(shí)現(xiàn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末咽弦,一起剝皮案震驚了整個(gè)濱河市徒蟆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌型型,老刑警劉巖段审,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異闹蒜,居然都是意外死亡寺枉,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進(jìn)店門绷落,熙熙樓的掌柜王于貴愁眉苦臉地迎上來姥闪,“玉大人,你說我怎么就攤上這事砌烁「食” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵往弓,是天一觀的道長疏唾。 經(jīng)常有香客問我,道長函似,這世上最難降的妖魔是什么槐脏? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮撇寞,結(jié)果婚禮上顿天,老公的妹妹穿的比我還像新娘堂氯。我一直安慰自己,他們只是感情好牌废,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布咽白。 她就那樣靜靜地躺著,像睡著了一般鸟缕。 火紅的嫁衣襯著肌膚如雪晶框。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天懂从,我揣著相機(jī)與錄音授段,去河邊找鬼。 笑死番甩,一個(gè)胖子當(dāng)著我的面吹牛侵贵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播缘薛,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼窍育,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了宴胧?” 一聲冷哼從身側(cè)響起漱抓,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎牺汤,沒想到半個(gè)月后辽旋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡檐迟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年补胚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片追迟。...
    茶點(diǎn)故事閱讀 40,926評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡溶其,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出敦间,到底是詐尸還是另有隱情瓶逃,我是刑警寧澤,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布廓块,位于F島的核電站厢绝,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏带猴。R本人自食惡果不足惜昔汉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望拴清。 院中可真熱鬧靶病,春花似錦会通、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至煤辨,卻和暖如春裳涛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背掷酗。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工调违, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窟哺,地道東北人泻轰。 一個(gè)月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像且轨,于是被迫代替她去往敵國和親浮声。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評論 2 361

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

  • 在iOS實(shí)際開發(fā)中常用的動(dòng)畫無非是以下四種:UIView動(dòng)畫旋奢,核心動(dòng)畫泳挥,幀動(dòng)畫,自定義轉(zhuǎn)場動(dòng)畫至朗。 1.UIView...
    請叫我周小帥閱讀 3,115評論 1 23
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫效果屉符,實(shí)現(xiàn)這些動(dòng)畫的過程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫全貌锹引。在這里你可以看...
    每天刷兩次牙閱讀 8,517評論 6 30
  • 1.系統(tǒng)UIImageView 多張圖片組成動(dòng)畫 /** * UIImageView 動(dòng)畫 * Memor...
    zhengelababy閱讀 8,831評論 3 6
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫矗钟、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,126評論 4 61
  • 看《悟空傳》嫌变,最喜歡的一幕是孫悟空發(fā)現(xiàn)緊箍咒已經(jīng)失效了吨艇,無意間拿下了金箍√谏叮可他看了看四周沒人东涡,又悄悄帶上了。 很久...
    后自愈_99閱讀 402評論 0 3