寫一個iOS震動動畫

? ? 文末有彩蛋邑商。

? ? 想實現(xiàn)一個這樣的動畫:

動畫效果

? ? 廢話不多說摄咆,直接上代碼。

? ? 第一步:創(chuàng)建視圖人断。

UIButton *button = [[UIButton alloc]initWithFrame:CGRectMake(100, 100, 100, 100)];

button.backgroundColor = [UIColor redColor];

[button addTarget:self action:@selector(shakeAnimationForView:) forControlEvents:UIControlEventTouchUpInside];

[self.view addSubview:button];

? ? 第二步:寫動畫吭从。

- (void)shakeAnimationForView:(UIView *) view

{

//獲取到當前View的layer

CALayer *viewLayer = view.layer;

//獲取當前View的位置

CGPoint position = viewLayer.position;

//移動的兩個終點位置

CGPoint beginPosition = CGPointMake(position.x + 10, position.y);

CGPoint endPosition = CGPointMake(position.x - 10, position.y);

//設(shè)置動畫

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];

//設(shè)置運動形式

[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault]];

//設(shè)置開始位置

[animation setFromValue:[NSValue valueWithCGPoint:beginPosition]];

//設(shè)置結(jié)束位置

[animation setToValue:[NSValue valueWithCGPoint:endPosition]];

//設(shè)置自動反轉(zhuǎn)

[animation setAutoreverses:YES];

//設(shè)置時間

[animation setDuration:.06];

//設(shè)置次數(shù)

[animation setRepeatCount:3];

//添加上動畫

[viewLayer addAnimation:animation forKey:nil];

}

? ? 搞定。

? ? 彩蛋:KenshinCui大神的動畫入門恶迈,寫的非常簡單易懂涩金。看完從此對iOS動畫挺直腰桿走路暇仲。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末步做,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子奈附,更是在濱河造成了極大的恐慌全度,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斥滤,死亡現(xiàn)場離奇詭異将鸵,居然都是意外死亡,警方通過查閱死者的電腦和手機佑颇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門顶掉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人挑胸,你說我怎么就攤上這事一喘。” “怎么了嗜暴?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵凸克,是天一觀的道長。 經(jīng)常有香客問我闷沥,道長萎战,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任舆逃,我火速辦了婚禮蚂维,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘路狮。我一直安慰自己虫啥,他們只是感情好,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布奄妨。 她就那樣靜靜地躺著涂籽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪砸抛。 梳的紋絲不亂的頭發(fā)上评雌,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天,我揣著相機與錄音直焙,去河邊找鬼景东。 笑死,一個胖子當著我的面吹牛奔誓,可吹牛的內(nèi)容都是我干的斤吐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼厨喂,長吁一口氣:“原來是場噩夢啊……” “哼和措!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起杯聚,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤臼婆,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后幌绍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颁褂,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年傀广,在試婚紗的時候發(fā)現(xiàn)自己被綠了颁独。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡伪冰,死狀恐怖誓酒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤靠柑,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布寨辩,位于F島的核電站,受9級特大地震影響歼冰,放射性物質(zhì)發(fā)生泄漏靡狞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一隔嫡、第九天 我趴在偏房一處隱蔽的房頂上張望甸怕。 院中可真熱鬧,春花似錦腮恩、人聲如沸梢杭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽武契。三九已至,卻和暖如春缸榛,著一層夾襖步出監(jiān)牢的瞬間吝羞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工内颗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留钧排,地道東北人。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓均澳,卻偏偏與公主長得像恨溜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子找前,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345

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

  • 在iOS中隨處都可以看到絢麗的動畫效果糟袁,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌躺盛。在這里你可以看...
    F麥子閱讀 5,094評論 5 13
  • 一项戴、簡介 Core Animation,中文翻譯為核心動畫槽惫,它是一組非常強大的動畫處理API峡竣,使用它能做出非常炫麗...
    莦婼姑娘閱讀 954評論 0 4
  • 在iOS中隨處都可以看到絢麗的動畫效果诬垂,實現(xiàn)這些動畫的過程并不復(fù)雜方面,今天將帶大家一窺ios動畫全貌眯搭。在這里你可以看...
    每天刷兩次牙閱讀 8,465評論 6 30
  • 在iOS實際開發(fā)中常用的動畫無非是以下四種:UIView動畫,核心動畫各薇,幀動畫项贺,自定義轉(zhuǎn)場動畫。 1.UIView...
    請叫我周小帥閱讀 3,078評論 1 23
  • 先看看CAAnimation動畫的繼承結(jié)構(gòu) CAAnimation{ CAPropertyAnimation { ...
    時間不會倒著走閱讀 1,638評論 0 1