iOS開發中動畫之點贊圖示放大效果

樑森森發表於2017-06-25

大多數手機App的點贊圖示在我們點選的時候都會有一個放大的效果,隨後還原。之前公司App有點贊功能但卻沒有這個放大之後還原的效果,於是研究一下準備將該效果新增到專案中。

思路:為點贊圖示新增一個動畫,該動畫分為兩步:1.讓點贊圖示放大一定的倍數  2.讓點贊圖示還原到原來的大小

重寫點選圖示的點選事件,程式碼:

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

    

    /*

     引數1:動畫持續時間

     引數2:多久後開始動畫

     引數3:動畫型別

     */

    [UIView animateKeyframesWithDuration:0.5 delay:0 options:UIViewKeyframeAnimationOptionLayoutSubviews animations:^{

        /*

         引數1:關鍵幀開始時間

         引數2:關鍵幀佔用時間比例

         引數3:到達該關鍵幀時的屬性值

         */

        [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:1/2.0 animations:^{

            self.transform = CGAffineTransformMakeScale(1.6, 1.6);

        }];

//        [UIView addKeyframeWithRelativeStartTime:1/3.0 relativeDuration:1/3.0 animations:^{

//            self.transform = CGAffineTransformMakeScale(0.6, 0.6);

//        }];

        [UIView addKeyframeWithRelativeStartTime:1/2.0 relativeDuration:1/2.0 animations:^{

            self.transform = CGAffineTransformIdentity;

        }];

    } completion:nil];

   

}


相關文章