瀏覽大圖的一種實現方式

来源:http://www.cnblogs.com/CyanStone/archive/2016/01/23/5153564.html
-Advertisement-
Play Games

利用轉場動畫實現(這裡不說轉場動畫),主要就是幾個坐標的轉換:將cell上的imageView快照生成一個snapView(直接創建一個ImageVIew也一樣), 在將cell上image的frame 坐標轉換到containerView上,在將snapView放大到目標尺寸 (首先你要知道轉場動...


利用轉場動畫實現(這裡不說轉場動畫),主要就是幾個坐標的轉換:將cell上的imageView快照生成一個snapView(直接創建一個ImageVIew也一樣), 在將cell上image的frame 坐標轉換到containerView上,在將snapView放大到目標尺寸 (首先你要知道轉場動畫時怎麼一回事)。

 

下麵是主要代碼,一個自定義類繼承自NSObject。實現了UINavigationControllerDelegate、UIViewControllerAnimatedTransitioning協議

- (void)animateTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
    
    // 獲取當前的控制器
    UIViewController *fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    
    // 獲取將要轉向的控制器
    UIViewController *toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    // 獲取容器視圖
    UIView *containerView = [transitionContext containerView];
    
    UICollectionView *collectionView ;
    UIImageView *contentImageView;
    if (self.opration == PushAnimationOprationPush) {
        
        ViewController *from =  (ViewController *)fromVC;
        collectionView = from.collectionView;
        
        contentImageView = [toVC valueForKey:@"_contentImageView"];
    }else {
        
        ViewController *to =  (ViewController *)toVC;
        collectionView = to.collectionView;
        contentImageView = [fromVC valueForKey:@"_contentImageView"];
    }
    
    // 獲取選中的cell 的indexpath
    NSArray *selectedItems = [collectionView indexPathsForSelectedItems];
    
    // 根據indexpath 獲取 cell
    CusCollectionViewCell *cell = (CusCollectionViewCell *)[collectionView cellForItemAtIndexPath:[selectedItems firstObject]];
    
    UIView *snapView;
    CGRect snapViewFrame;
    CGRect snapViewTargetFrame;
    
    if (self.opration == PushAnimationOprationPush) {
        
        // 截取cell 上contentImage 的快照
        snapView = [cell.contentImage snapshotViewAfterScreenUpdates:NO];
        
        // 根據contentImage在cell上的坐標 轉換到 containerView上
        snapViewFrame = [containerView convertRect:cell.contentImage.frame fromView:cell.contentImage.superview];
        
        // 獲取目標控制器上要顯示的 imageView,並根據該imageView的尺寸位置,轉換到 容器視圖上,成為snapView 最終尺寸。
        snapViewTargetFrame = [containerView convertRect:contentImageView.frame fromView:contentImageView.superview];

    }else {
        
        snapView = [contentImageView snapshotViewAfterScreenUpdates:NO];
        
        snapViewFrame = [containerView convertRect:contentImageView.frame fromView:contentImageView.superview];
        
        snapViewTargetFrame = [containerView convertRect:cell.contentImage.frame fromView:cell.contentImage];
        
    }
    
    snapView.frame = snapViewFrame;
    toVC.view.alpha = 0;
    
    [containerView addSubview:toVC.view];
    [containerView addSubview:snapView];
    
    contentImageView.hidden = YES;
    cell.contentImage.hidden = YES;
    
    
    [UIView animateWithDuration:[self transitionDuration:transitionContext] delay:0 usingSpringWithDamping:0.6f initialSpringVelocity:1.0f options:UIViewAnimationOptionCurveEaseInOut animations:^{
        snapView.frame = snapViewTargetFrame;
        toVC.view.alpha = 1.0;
    } completion:^(BOOL finished) {
        
        contentImageView.hidden = NO;
        cell.contentImage.hidden = NO;
        [snapView removeFromSuperview];
        [transitionContext completeTransition:![transitionContext transitionWasCancelled]];
    }];
    
}
- (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController animationControllerForOperation:(UINavigationControllerOperation)operation fromViewController:(UIViewController *)fromVC toViewController:(UIViewController *)toVC {
    
    if (operation == UINavigationControllerOperationPush) {
        
        self.opration = PushAnimationOprationPush;
        
    }else if (operation == UINavigationControllerOperationPop) {
        
        self.opration = PushAnimationOprationPop;
    }
    return self;
}

- (void)start {
    self.nav.delegate = self;
}

/** 為目標控制器添加一個tap手勢,返回上一個控制器 */
- (void)tapGestureToPopWithController:(UIViewController *)targetVC {
    
    self.targetViewController = targetVC;
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapGesture:)];
    [targetVC.view addGestureRecognizer:tapGesture];
}

- (void)tapGesture:(UITapGestureRecognizer *)gesture {
    
    [self.targetViewController.navigationController popViewControllerAnimated:YES];
}

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本篇關註AngularJS中的控制器繼承,瞭解屬性和方法是如何被繼承的。嵌套控制器中屬性是如何被繼承的?==屬性值是字元串myApp.controller("ParentCtrl", function($scope){ $scope.name = "darren";})myApp.contro...
  • 在AngularJS中,每一個controller都有對應的Scope,而Scope間有時候需要通訊。比如有如下的一個controller嵌套: ... {{$index + 1}} {{product.name}} ...
  • 廢話不說,直入正題。Backbone.js是什麼Backbone.js提供了一套web開發框架,通過Models進行key-value綁定及自定義事件處理,通過Collections提供一套豐富的API用於枚舉功能,通過Views來進行事件處理及現有的Application通過RESTful JSO...
  • 一、校驗數字的表達式 1 數字:^[0-9]*$ 2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$ 4 m-n位的數字:^\d{m,n}$ 5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶兩位小數的數字:^([1-9][0-9]*)+(.[0-9]...
  • 前一段時間在網站上學習互聯網,無意間發現開發app也可以很簡單,雖然功能上可能還不理想,但是對於我這樣剛入行的程式員已經足夠了.是一個叫愛碼哥的開發平臺,應用了第三代的移動中間件開發app.採用xml和js的開發方式,可能有的人還不知道xml和js是什麼,我這裡簡單介紹一下,xml就是可擴展的標記語...
  • 先說一說兩者之間的異同 兩者都可以引用外部CSS的方式,現在主流瀏覽器兩者都支持(ps:@import是CSS2.1提出的),但是存在一定的區別:1.link是XHTML標簽,除了載入CSS外,還可以定義其他事務;@import屬於CSS範疇,只能載入CSS也只能在css代碼裡面使用。 li...
  • 本篇通過幾個例子對AngularJS中的Directive進行彙總。例子1,單向綁定和雙向綁定 ==單向綁定{{contacts.length}}the first name is {{contacts[0].firstname}}{{contacts[0].f...
  • css3動畫使用技巧之—JQ配合css3實現輪播之animation-delay應用 1 2 3 4 5 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...