iOS開發中動畫之點贊圖示放大效果
大多數手機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];
}
相關文章
- CSS滑鼠懸浮圖片動畫放大效果CSS動畫
- android短視訊開發,實現動態點贊出現的點贊動畫Android動畫
- iOS 動畫之Spring動畫、Block動畫、GIF圖iOS動畫SpringBloC
- 直播平臺開發,點開大圖後,任意點選圖片位置都可關閉當前放大效果
- iOS動畫-擴散波紋效果iOS動畫
- JavaScript 圖片放大鏡效果JavaScript
- 直播app開發搭建,純javascript實現圖片放大鏡效果APPJavaScript
- Flutter仿掘金點贊效果Flutter
- 一鍵免費自動AI摳圖,效果連PS大哥也點贊!AI
- iOS 點贊功能高併發的思考iOS
- SVG點選實現動態放大的圓效果SVG
- iOS開發 - 動畫實踐系列iOS動畫
- 【iOS 開發】iOS 10.3 如何更換 app 圖示iOSAPP
- 【Android 動畫】動畫詳解之仿微信檢視大圖效果(四)Android動畫
- iOS仿抖音點贊動畫、波浪圖、主張圖、3D旋轉、圖片處理、播放器等原始碼iOS動畫3D播放器原始碼
- Android 自定義View 點贊效果AndroidView
- iOS實現點選圖片放大&長按儲存圖片iOS
- iOS 動畫之CoreAnimation(CALayer)iOS動畫
- iOS開發UI篇--iOS動畫(Core Animation)總結iOSUI動畫
- iOS 開發中如何使用半透明模糊效果iOS
- iOS動畫系列之四:基礎動畫之平移篇iOS動畫
- Canvas 實現畫中畫動畫效果–網易娛樂年度盤點H5動畫解密Canvas動畫H5解密
- Canvas 實現畫中畫動畫效果--網易娛樂年度盤點H5動畫解密Canvas動畫H5解密
- CSS3圖片拉近放大效果CSSS3
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- 短視訊軟體開發,ios啟動圖適配和啟動圖示適配iOS
- WPF 使用動畫繪製一個點贊大拇指動畫
- 聊聊iOS中的動畫iOS動畫
- 【iOS】動態更換圖示iOS
- Android動畫:行雲流水的向量圖示動畫Android動畫
- CSS3圖片上下動畫浮動效果CSSS3動畫
- 系統學習iOS動畫之三:圖層動畫iOS動畫
- Flutter “孔雀開屏”的動畫效果Flutter動畫
- iOS 圖示&啟動圖生成器(二)iOS
- iOS 圖示&啟動圖生成器(一)iOS
- win10圖示放大快捷鍵是什麼 window10如何放大電腦圖示Win10
- axure教程|axure之圖片拖動放大縮小
- jQuery 效果 – 動畫jQuery動畫