簡單的轉(zhuǎn)菊花

1.初始化CAReplicatorLayer對象

  • 初始化復(fù)制層,設(shè)置位置,尺寸,顏色大小

    //1.初始化復(fù)制層
    CAReplicatorLayer *replicatorLayer = [CAReplicatorLayer layer];
    replicatorLayer.bounds = CGRectMake(0, 0, 200, 200);
    replicatorLayer.backgroundColor = [UIColor grayColor].CGColor;
    [self.view.layer addSublayer:replicatorLayer];
    
  • 創(chuàng)建原生圖層,設(shè)置基本單位圖層的大小,尺寸,顏色等

        //初始化原生子層
    CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 10, 10);
    layer.cornerRadius = 5;
    layer.position = CGPointMake(100, 20);
    layer.backgroundColor = [UIColor blackColor].CGColor;
    [replicatorLayer addSublayer:layer];
    
Snip20160312_13.png
  • 給原生層添加動畫

        //給原生子層添加動畫
            CABasicAnimation *basic = [CABasicAnimation animation];
            basic.keyPath = @"transform.scale";
            basic.repeatCount = MAXFLOAT;//設(shè)置重復(fù)次數(shù)
            basic.autoreverses = YES;//設(shè)置動畫的反彈效果
            basic.fromValue = @1;
            basic.toValue = @0.1;
            //動畫時長
            CGFloat duration = 1;
            basic.duration = duration;
            [layer addAnimation:basic forKey:nil];
    
  • 設(shè)置復(fù)制層的子層數(shù)量,子層的形變位置等

        //子層數(shù)
            float count = 30;
            replicatorLayer.instanceCount = count;
            //一個單位圖層動畫時長為1 ,(從大到小,從小到大,2個階段) ,延遲子層的延遲時間 = 動畫總時長 / 總個數(shù) * 2個階段
            replicatorLayer.instanceDelay = duration / count * 2;
            replicatorLayer.instanceTransform = CATransform3DRotate(layer.transform, 2 * M_PI / count, 0, 0, 1);
    
Snip20160312_14.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,694評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,270評論 5 13
  • Core Animation Core Animation,中文翻譯為核心動畫,它是一組非常強大的動畫處理API,...
    45b645c5912e閱讀 3,158評論 0 21
  • >復(fù)雜的組織都是專門化的 >Catharine R. Stimpson 到目前為止,我們已經(jīng)探討過`CALayer...
    夜空下最亮的亮點閱讀 1,224評論 0 2
  • 圖片折疊效果 1.如何制作圖片折疊效果? `把一張圖片分成兩部分顯示,上面一部分,下面一部分,折疊上面部分的內(nèi)容。...
    Hevin_Chen閱讀 568評論 0 1

友情鏈接更多精彩內(nèi)容