iOS實現(xiàn)翻頁效果動畫實例代碼
大體思路:
在self.view 上放置一個label,label.text從數(shù)組中獲得,當(dāng)點擊上下頁按鈕的時候,改變label.text,并且執(zhí)行翻頁效果動畫.
效果如圖:
主要代碼:
#pragma mark - 下一頁按鈕響應(yīng)事件 - (void)nextPage:(UIButton *)btn { _forwardBtn.enabled = YES; if (_count<_arr.count-1) { btn.enabled = YES; _label.text = [_arr objectAtIndex:_count+1]; NSString *subtypeString; subtypeString = kCATransitionFromRight; [self transitionWithType:@"pageCurl" WithSubtype:subtypeString ForView:self.view]; _count = _count + 1; } else { _count = _arr.count - 1; btn.enabled = NO; [self showAlert:@"已經(jīng)是最后一頁咯,親(づ ̄ 3 ̄)づ"]; } NSLog(@"%ld", (long)_count); } #pragma CATransition動畫實現(xiàn) /** * 動畫效果實現(xiàn) * * @param type 動畫的類型 在開頭的枚舉中有列舉,比如 CurlDown//下翻頁,CurlUp//上翻頁 ,FlipFromLeft//左翻轉(zhuǎn),FlipFromRight//右翻轉(zhuǎn) 等... * @param subtype 動畫執(zhí)行的起始位置,上下左右 * @param view 哪個view執(zhí)行的動畫 */ - (void) transitionWithType:(NSString *) type WithSubtype:(NSString *) subtype ForView : (UIView *) view { CATransition *animation = [CATransition animation]; animation.duration = 0.7f; animation.type = type; if (subtype != nil) { animation.subtype = subtype; } animation.timingFunction = UIViewAnimationOptionCurveEaseInOut; [view.layer addAnimation:animation forKey:@"animation"]; }
主要就是熟悉一下簡單動畫的實現(xiàn)了
本項目gitHub地址:https://github.com/iOSJason/PageBlurDemo.git
2 添加啟動頁和手勢控制的翻頁效果實現(xiàn),添加swipe手勢后畫面切換更生動.
效果圖:
#pragma mark - 手勢 - (void)configTapGes { _fromRightSwip = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(nextPage:)]; _fromRightSwip.direction = UISwipeGestureRecognizerDirectionLeft; [self.view addGestureRecognizer:_fromRightSwip]; _fromLeftSwip = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(forwardPage:)]; _fromLeftSwip.direction = UISwipeGestureRecognizerDirectionRight; [self.view addGestureRecognizer:_fromLeftSwip]; } //判斷是否是第一次進入程序 if (![[[NSUserDefaults standardUserDefaults] objectForKey:@"isFirst"] isEqualToString:@"yes"]) { //顯示提示 UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"tishi" message:@"" delegate:self cancelButtonTitle:@"曉得了" otherButtonTitles: nil]; [alert show]; [[NSUserDefaults standardUserDefaults]setObject:@"yes" forKey:@"isFirst"]; }
動畫效果和上一個是一種效果,具體代碼請看我的gibHub,和上一個項目在一個地址里面,這個在 SwipeGesturePageBlurDemo 分支中.
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- ios電子書翻頁效果代碼詳解
- iOS圖片界面翻頁切換效果
- iOS實現(xiàn)日歷翻頁動畫
- 實例講解iOS中的UIPageViewController翻頁視圖控制器
- iOS開發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法
- iOS開發(fā)中控制屏幕旋轉(zhuǎn)的編寫方法小結(jié)
- iOS拍照后圖片自動旋轉(zhuǎn)90度的完美解決方法
- IOS手勢操作(拖動、捏合、旋轉(zhuǎn)、點按、長按、輕掃、自定義)
- iOS漸變圓環(huán)旋轉(zhuǎn)動畫CAShapeLayer CAGradientLayer
- iOS基于CATransition實現(xiàn)翻頁、旋轉(zhuǎn)等動畫效果
相關(guān)文章
iOS 統(tǒng)計Xcode項目代碼行數(shù)的實例
下面小編就為大家分享一篇iOS 統(tǒng)計Xcode項目代碼行數(shù)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01實例講解iOS音樂播放器DOUAudioStreamer用法
本篇文章給大家通過實例講解了iOS音樂播放器DOUAudioStreamer用法以及分享了實例代碼,一起學(xué)習(xí)參考下吧。2017-12-12簡單講解iOS應(yīng)用開發(fā)中的MD5加密的相關(guān)使用
這篇文章主要介紹了iOS應(yīng)用開發(fā)中的MD5加密的相關(guān)使用,示例代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12iOS WKWebView無法處理URL Scheme和App Store鏈接的問題解決
這篇文章主要給大家介紹了關(guān)于iOS WKWebView無法處理URL Scheme和App Store鏈接的問題解決的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03