iOS實(shí)現(xiàn)翻頁(yè)效果動(dòng)畫(huà)實(shí)例代碼
大體思路:
在self.view 上放置一個(gè)label,label.text從數(shù)組中獲得,當(dāng)點(diǎn)擊上下頁(yè)按鈕的時(shí)候,改變label.text,并且執(zhí)行翻頁(yè)效果動(dòng)畫(huà).
效果如圖:
主要代碼:
#pragma mark - 下一頁(yè)按鈕響應(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)是最后一頁(yè)咯,親(づ ̄ 3 ̄)づ"]; } NSLog(@"%ld", (long)_count); } #pragma CATransition動(dòng)畫(huà)實(shí)現(xiàn) /** * 動(dòng)畫(huà)效果實(shí)現(xiàn) * * @param type 動(dòng)畫(huà)的類型 在開(kāi)頭的枚舉中有列舉,比如 CurlDown//下翻頁(yè),CurlUp//上翻頁(yè) ,FlipFromLeft//左翻轉(zhuǎn),FlipFromRight//右翻轉(zhuǎn) 等... * @param subtype 動(dòng)畫(huà)執(zhí)行的起始位置,上下左右 * @param view 哪個(gè)view執(zhí)行的動(dòng)畫(huà) */ - (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"]; }
主要就是熟悉一下簡(jiǎn)單動(dòng)畫(huà)的實(shí)現(xiàn)了
本項(xiàng)目gitHub地址:https://github.com/iOSJason/PageBlurDemo.git
2 添加啟動(dòng)頁(yè)和手勢(shì)控制的翻頁(yè)效果實(shí)現(xiàn),添加swipe手勢(shì)后畫(huà)面切換更生動(dòng).
效果圖:
#pragma mark - 手勢(shì) - (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]; } //判斷是否是第一次進(jìn)入程序 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"]; }
動(dòng)畫(huà)效果和上一個(gè)是一種效果,具體代碼請(qǐng)看我的gibHub,和上一個(gè)項(xiàng)目在一個(gè)地址里面,這個(gè)在 SwipeGesturePageBlurDemo 分支中.
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- ios電子書(shū)翻頁(yè)效果代碼詳解
- iOS圖片界面翻頁(yè)切換效果
- iOS實(shí)現(xiàn)日歷翻頁(yè)動(dòng)畫(huà)
- 實(shí)例講解iOS中的UIPageViewController翻頁(yè)視圖控制器
- iOS開(kāi)發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法
- iOS開(kāi)發(fā)中控制屏幕旋轉(zhuǎn)的編寫(xiě)方法小結(jié)
- iOS拍照后圖片自動(dòng)旋轉(zhuǎn)90度的完美解決方法
- IOS手勢(shì)操作(拖動(dòng)、捏合、旋轉(zhuǎn)、點(diǎn)按、長(zhǎng)按、輕掃、自定義)
- iOS漸變圓環(huán)旋轉(zhuǎn)動(dòng)畫(huà)CAShapeLayer CAGradientLayer
- iOS基于CATransition實(shí)現(xiàn)翻頁(yè)、旋轉(zhuǎn)等動(dòng)畫(huà)效果
相關(guān)文章
iOS 統(tǒng)計(jì)Xcode項(xiàng)目代碼行數(shù)的實(shí)例
下面小編就為大家分享一篇iOS 統(tǒng)計(jì)Xcode項(xiàng)目代碼行數(shù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01實(shí)例講解iOS音樂(lè)播放器DOUAudioStreamer用法
本篇文章給大家通過(guò)實(shí)例講解了iOS音樂(lè)播放器DOUAudioStreamer用法以及分享了實(shí)例代碼,一起學(xué)習(xí)參考下吧。2017-12-12簡(jiǎn)單講解iOS應(yīng)用開(kāi)發(fā)中的MD5加密的相關(guān)使用
這篇文章主要介紹了iOS應(yīng)用開(kāi)發(fā)中的MD5加密的相關(guān)使用,示例代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12iOS WKWebView無(wú)法處理URL Scheme和App Store鏈接的問(wèn)題解決
這篇文章主要給大家介紹了關(guān)于iOS WKWebView無(wú)法處理URL Scheme和App Store鏈接的問(wèn)題解決的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03iOS mobileconfig配置文件進(jìn)行簽名的配置方法
這篇文章主要介紹了iOS mobileconfig配置文件進(jìn)行簽名的配置方法,給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02