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];
}
相關文章
- 仿即刻的點贊滾動放大波紋圖示
- JavaScript和css3點贊放大效果JavaScriptCSSS3
- [分享]iOS開發-圖片點選點選放大iOS
- CSS滑鼠懸浮圖片動畫放大效果CSS動畫
- ios 中心放大動畫iOS動畫
- android短視訊開發,實現動態點贊出現的點贊動畫Android動畫
- 直播平臺開發,點開大圖後,任意點選圖片位置都可關閉當前放大效果
- 高階UI特效仿直播點贊效果—一個優美炫酷的點贊動畫UI特效動畫
- iOS開發之imageView居中顯示圖片iOSView
- iOS專案開發實戰——檢視動畫效果iOS動畫
- iOS 動畫之Spring動畫、Block動畫、GIF圖iOS動畫SpringBloC
- Flutter仿掘金點贊效果Flutter
- 直播app開發搭建,純javascript實現圖片放大鏡效果APPJavaScript
- JavaScript 圖片放大鏡效果JavaScript
- iOS 點贊功能高併發的思考iOS
- iOS開發 如何在Label中顯示圖片-圖文混排iOS
- iOS開發之顯示微博表情iOS
- 【iOS開發】iOS 動畫詳解iOS動畫
- ios開發學習–動畫(Animation)效果原始碼分享–系列教程1iOS動畫原始碼
- iOS實現點選圖片放大&長按儲存圖片iOS
- 【iOS 開發】iOS 10.3 如何更換 app 圖示iOSAPP
- 【iOS 開發】iOS 無彈框更換 app 圖示iOSAPP
- Android 自定義View 點贊效果AndroidView
- 每週一個前端動畫之三:twitter點贊動畫前端動畫
- 在開發中實現點選 WebView 中的圖片,呼叫原生控制元件放大展示WebView控制元件
- iOS 開發中如何使用半透明模糊效果iOS
- CSS3圖片拉近放大效果CSSS3
- jQuery圖片放大和旋轉效果jQuery
- iOS自定義UIView動畫效果iOSUIView動畫
- iOS UITableViewCell的動畫效果(一)iOSUIView動畫
- iOS仿抖音點贊動畫、波浪圖、主張圖、3D旋轉、圖片處理、播放器等原始碼iOS動畫3D播放器原始碼
- iOS開發之字串轉圖片iOS字串
- iOS 開發之模糊效果的五種實現iOS
- 用C++Builder實現工作列圖示動畫效果 (轉)C++UI動畫
- IOS開發之xcode 4設定應用程式圖示及載入圖片iOSXCode
- iOS開發 - 動畫實踐系列iOS動畫
- canvas實現的圖片放大鏡效果Canvas
- iOS 中tableview cell點選取消選中效果iOSView