貝塞爾曲線動(dòng)畫演示

經(jīng)常寫動(dòng)畫烧给,好的動(dòng)畫效果,可以使應(yīng)用的level提升好幾個(gè)檔次伤靠,

下面有一個(gè)動(dòng)畫顯得很舒服!個(gè)人表示很喜歡戴卜,在此做個(gè)記錄逾条。

貝塞爾曲線動(dòng)畫
//貝塞爾曲線動(dòng)畫
- (IBAction)clickAction:(UIButton *)sender {
    //圖片的位置、大小(x,y,w,h)
    float imageX = 40;
    float imageY = 310;
    float imageW = 20;
    float imageH = 20;
    
    //把圖片加到view上
    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(imageX, imageY, imageW, imageH)];
    imageView.image = [UIImage imageNamed:@"cm_center_discount"];
    [self.view addSubview:imageView];
    
    CALayer *layer = [[CALayer alloc] init];
    layer.contents = imageView.layer.contents;
    layer.frame = imageView.frame;
    layer.opacity = 1;
    [self.view.layer addSublayer:layer];
    
    //都以self.view為參考系
    UIBezierPath *path = [UIBezierPath bezierPath];
    
    //動(dòng)畫起點(diǎn)
    CGPoint startPoint = CGPointMake(imageX+imageW/2, imageY+imageH/2);
    [path moveToPoint:startPoint];
    
    //動(dòng)畫終點(diǎn)
    CGPoint endpoint = CGPointMake(320, 568);
    
    //貝塞爾曲線中間點(diǎn)
    float sx = startPoint.x;
    float sy = startPoint.y;
    float ex = endpoint.x;
    float ey = endpoint.y;
    float x = sx+(ex-sx)/3;
    float y = sy+(ey-sy)*0.5-400;
    CGPoint centerPoint = CGPointMake(x,y);
    [path addQuadCurveToPoint:endpoint controlPoint:centerPoint];
    
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    animation.path = path.CGPath;
    animation.fillMode = kCAFillModeForwards;
    animation.duration = 0.7;
    animation.delegate = self;
    animation.autoreverses = YES;//是否自動(dòng)退回
    animation.removedOnCompletion = NO;//完成后是否移除
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
    [layer addAnimation:animation forKey:@"buy"];
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末投剥,一起剝皮案震驚了整個(gè)濱河市师脂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌江锨,老刑警劉巖吃警,帶你破解...
    沈念sama閱讀 212,294評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異泳桦,居然都是意外死亡汤徽,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門灸撰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谒府,“玉大人,你說我怎么就攤上這事浮毯⊥暌撸” “怎么了?”我有些...
    開封第一講書人閱讀 157,790評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵债蓝,是天一觀的道長(zhǎng)壳鹤。 經(jīng)常有香客問我,道長(zhǎng)饰迹,這世上最難降的妖魔是什么芳誓? 我笑而不...
    開封第一講書人閱讀 56,595評(píng)論 1 284
  • 正文 為了忘掉前任余舶,我火速辦了婚禮,結(jié)果婚禮上锹淌,老公的妹妹穿的比我還像新娘匿值。我一直安慰自己,他們只是感情好赂摆,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,718評(píng)論 6 386
  • 文/花漫 我一把揭開白布挟憔。 她就那樣靜靜地躺著,像睡著了一般烟号。 火紅的嫁衣襯著肌膚如雪绊谭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,906評(píng)論 1 290
  • 那天汪拥,我揣著相機(jī)與錄音达传,去河邊找鬼。 笑死喷楣,一個(gè)胖子當(dāng)著我的面吹牛趟大,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播铣焊,決...
    沈念sama閱讀 39,053評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼罕伯!你這毒婦竟也來了曲伊?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,797評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤追他,失蹤者是張志新(化名)和其女友劉穎坟募,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體邑狸,經(jīng)...
    沈念sama閱讀 44,250評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡懈糯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,570評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了单雾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赚哗。...
    茶點(diǎn)故事閱讀 38,711評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖硅堆,靈堂內(nèi)的尸體忽然破棺而出屿储,到底是詐尸還是另有隱情,我是刑警寧澤渐逃,帶...
    沈念sama閱讀 34,388評(píng)論 4 332
  • 正文 年R本政府宣布够掠,位于F島的核電站,受9級(jí)特大地震影響茄菊,放射性物質(zhì)發(fā)生泄漏疯潭。R本人自食惡果不足惜赊堪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,018評(píng)論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望竖哩。 院中可真熱鬧哭廉,春花似錦、人聲如沸期丰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钝荡。三九已至街立,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間埠通,已是汗流浹背赎离。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留端辱,地道東北人梁剔。 一個(gè)月前我還...
    沈念sama閱讀 46,461評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像舞蔽,于是被迫代替她去往敵國和親荣病。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,595評(píng)論 2 350

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,825評(píng)論 25 707
  • 余觀乎當(dāng)今之世渗柿,修身樹德效顏淵者寥寥个盆;謀財(cái)求權(quán)如嚴(yán)嵩者泛泛。深乎痛哉朵栖,遂作此文以告誡之颊亮! 范文正公曰:“先天下之憂...
    西疆閱讀 415評(píng)論 0 1
  • 當(dāng)一臺(tái)服務(wù)器有大量請(qǐng)求時(shí),服務(wù)器會(huì)資源不足陨溅,導(dǎo)致客戶端請(qǐng)求超時(shí)響應(yīng)终惑,返回502這樣的錯(cuò)誤。這個(gè)時(shí)候我們會(huì)想法增加服...
    金色的清晨閱讀 283評(píng)論 0 0
  • 01 哐鐺,可可的飯碗被打翻了悯嗓,米飯灑落一地件舵。可可抬頭看著我脯厨,突然哭著大喊:“掉在地上的米飯還能吃嗎铅祸?”我回答道:...
    沙拉隨筆閱讀 639評(píng)論 2 4
  • 文:劇不終 如果仔細(xì)盤點(diǎn)一下临梗,我想涡扼,你大概和我一樣吧:青春的記憶里,不知為何盟庞,盤踞著一個(gè)又一個(gè)和吃吃喝喝有關(guān)的故事...
    劇不終閱讀 280評(píng)論 0 1