iOS全屏返回加截屏特效

看了一些app的返回效果,自己忍不住抽時(shí)間研究了一下,demo:FullScreenReturn

動(dòng)畫效果:·········································································································


demo.gif

核心代碼

  • 在NavViewController中重寫下面兩個(gè)方法,我們就可以自定義想要的返回效果
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated {
    UIImage *image = [self currentScreenCaptureImage];
    if (image) {
        [self.screenCaptureList addObject:image];
    }
    [super pushViewController:viewController animated:animated];
    
    [self resetPanGestureEnableStatus];
}

- (UIViewController *)popViewControllerAnimated:(BOOL)animated {
    [self.screenCaptureList removeLastObject];
    UIViewController *VC = [super popViewControllerAnimated:animated];
    if ([VC isKindOfClass:[self.topViewController class]]) {
        [self.screenCaptureList removeAllObjects];
    }
    [self resetPanGestureEnableStatus];
    return VC;
}
  • 創(chuàng)建并獲取當(dāng)前屏幕的視圖,也就是截屏
- (UIImage *)currentScreenCaptureImage {
    UIView *view = self.view.superview;
    if (self.tabBarController) {
        view = self.tabBarController.view;
    }
    if (!view || CGRectIsEmpty(view.frame)) {
        return nil;
    }
    
    UIGraphicsBeginImageContextWithOptions(view.bounds.size, NO, [UIScreen mainScreen].scale);

    [view.subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull subView, NSUInteger idx, BOOL * _Nonnull stop) {
        [subView drawViewHierarchyInRect:subView.frame afterScreenUpdates:NO];
    }];
    UIImage *screenCaptureImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return screenCaptureImage;
}

UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale);


創(chuàng)建一個(gè)基于位圖的上下文(context),并將其設(shè)置為當(dāng)前上下文(context)。
size: 新創(chuàng)建的位圖上下文的大小。也是UIGraphicsGetImageFromCurrentImageContext()返回的image大小。
opaque: 透明開關(guān),一般設(shè)置為YES,如果圖形不用透明,設(shè)置為YES以優(yōu)化位圖的存儲(chǔ),渲染效率更高。
scale 縮放比例, 一般設(shè)置為0,系統(tǒng)會(huì)自動(dòng)設(shè)置正確的比例。iPhone 4是2.0,其他是1.0。

  • 添加拖動(dòng)手勢
- (void)addPanGestureRecognizer {
    self.panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureRecognizerAction:)];
    self.panGestureRecognizer.delegate = self;
    [self.view addGestureRecognizer:self.panGestureRecognizer];
}
  • 自定義返回效果(行間有注釋)
- (void)panGestureRecognizerAction:(UIPanGestureRecognizer *)panGestureRecognizer {
    //觸點(diǎn)位置
    CGPoint touchPoint = [panGestureRecognizer locationInView:[[UIApplication sharedApplication] keyWindow]];
    
    switch (panGestureRecognizer.state) {
        case UIGestureRecognizerStateBegan: {
            //觸點(diǎn)開始位置
            self.startTouchPoint = touchPoint;
            
            //將上一個(gè)屏幕的截圖放在當(dāng)前view的下面
            self.screenCaptureImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, self.view.height)];
            UIImage *lastScreenCaptureImage = [self.screenCaptureList lastObject];
            [self.screenCaptureImageView setImage:lastScreenCaptureImage];
            
            self.blackMaskView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, self.view.height)];
            [self.backgroundView insertSubview:self.screenCaptureImageView belowSubview:self.blackMaskView];
            
            self.backgroundView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.width, self.view.height)];
            [self.view.superview insertSubview:self.backgroundView belowSubview:self.view];
            [self.backgroundView addSubview:self.blackMaskView];
        }
            break;
        case UIGestureRecognizerStateChanged: {
            //根據(jù)拖動(dòng)的距離實(shí)現(xiàn)動(dòng)畫效果
            CGFloat displacement = touchPoint.x - self.startTouchPoint.x;
            [self moveViewWithDisplacement:displacement > 0 ? displacement : 0];
        }
            break;
        case UIGestureRecognizerStateEnded: {
            //根據(jù)設(shè)定的距離判斷是否返回,并作出相應(yīng)處理
            CGFloat displacement = touchPoint.x - self.startTouchPoint.x;
            if (displacement > moveWidth) {
                [UIView animateWithDuration:animateDuration animations:^{
                    [self moveViewWithDisplacement:[UIScreen mainScreen].bounds.size.width];
                } completion:^(BOOL finished) {
                    [self popViewControllerAnimated:NO];
                    self.view.leftX = 0;
                    self.backgroundView.hidden = YES;
                }];
            } else {
                [UIView animateWithDuration:animateDuration animations:^{
                    [self moveViewWithDisplacement:0];
                } completion:^(BOOL finished) {
                    self.backgroundView.hidden = YES;
                }];
            }
        }
            break;
        //其他異常情況處理
        case UIGestureRecognizerStateCancelled:
        case UIGestureRecognizerStateFailed:
        case UIGestureRecognizerStatePossible:
        {
            [UIView animateWithDuration:animateDuration animations:^{
                 [self moveViewWithDisplacement:0];
             } completion:^(BOOL finished) {
                 self.backgroundView.hidden = YES;
             }];
        }
            break;
        default:
            break;
    }
}
  • 根據(jù)拖動(dòng)的距離實(shí)現(xiàn)動(dòng)畫效果
- (void)moveViewWithDisplacement:(CGFloat)displacement {
    CGFloat width = self.view.width;
    displacement = displacement <= width ? displacement : 0;
    displacement = displacement > 0 ? displacement : 0;
    self.view.leftX = displacement;
    
    CGFloat scale = displacement / (width * 20) + 0.95f;
    CGFloat alpha = 0.4f - displacement / 800;
    
    self.screenCaptureImageView.transform = CGAffineTransformMakeScale(scale, scale);
    self.blackMaskView.alpha = alpha;
}

其他細(xì)節(jié)問題,可能要根據(jù)不同App的業(yè)務(wù)邏輯自行實(shí)現(xiàn)。其實(shí)很簡單。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,182評(píng)論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,489評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,290評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,776評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,510評(píng)論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,866評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,860評(píng)論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,036評(píng)論 0 290
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,585評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,331評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,536評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,058評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,754評(píng)論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,154評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,469評(píng)論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,273評(píng)論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,505評(píng)論 2 379

推薦閱讀更多精彩內(nèi)容

  • --繪圖與濾鏡全面解析 概述 在iOS中可以很容易的開發(fā)出絢麗的界面效果,一方面得益于成功系統(tǒng)的設(shè)計(jì),另一方面得益...
    韓七夏閱讀 2,764評(píng)論 2 10
  • Core Graphics Framework是一套基于C的API框架,使用了Quartz作為繪圖引擎。它提供了低...
    ShanJiJi閱讀 1,563評(píng)論 0 20
  • 許多UIView的子類,如一個(gè)UIButton或一個(gè)UILabel,它們知道怎么繪制自己。遲早,你也將想要做一些自...
    shenzhenboy閱讀 1,671評(píng)論 2 8
  • 我親愛的你: 見信愉~ 不知道你現(xiàn)在在哪里,我做為大齡剩女等待了許久。做為多年資深剩女,所面臨的種種逼婚局面相信你...
    Alin曾玲閱讀 852評(píng)論 27 19
  • 孩提好問糾纏你。放牛歌聲起。登云施雨草青青,晚照牽家里。 爺爺教我,秉持本事。做人先知己。山高不擋鳥飛翔,跨海扛旗...
    木貞ma閱讀 253評(píng)論 1 2