scrollView實現基礎中心點縮放及與UIPageControl結合使用

来源:http://www.cnblogs.com/xueyao/archive/2016/02/09/5185794.html
-Advertisement-
Play Games

一般來說scrollView與UIPageControl都是結合使用,因為在使用滾動視圖的時候 ,使用UIPageControl,用戶可以 清楚 的明白顯示的內容有多少頁,如果 沒有的話,總不能讓用戶一個個的去數。用戶體驗效果不理想。 一般來說,在滑動scrollView的時候,UIPageCont


一般來說scrollView與UIPageControl都是結合使用,因為在使用滾動視圖的時候 ,使用UIPageControl,用戶可以 清楚 的明白顯示的內容有多少頁,如果 沒有的話,總不能讓用戶一個個的去數。用戶體驗效果不理想。

一般來說,在滑動scrollView的時候,UIPageControl的選中點的位置也會有相應的變化。當然,反之來說,改變選中點的位置,相應的scrollView顯示的內容也會產生變化 。

因為我這邊需要實現的效果是:最後一張向後滑動之後,會自動跳到第一張顯示的內容。如果想解決這個,只需要在第一張之前添加一個最後一張的圖片。具體代碼就不展示了。關於改變scrollView,來改變UIPageControl當前的值。

具體的代碼實現。

//在滾動視圖停止滾動時,改變pageControl上面點的位置
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    //獲取滾動視圖當前的偏移量
    CGPoint offset = scrollView.contentOffset;
    //計算偏移量與屏幕寬度的關係,也就是偏移了多少倍
    NSInteger page = offset.x / kWidth;
    self.pageControl.currentPage = page - 1 < 0 ? 9 : page - 1;
}

那如果改變UIPageControl當前的值,來達到改變scrollView的內容呢。通過對所添加的UIPageControll來設置觸發方法為click

具體代碼展示。

//通過點圓點的位置來改變視圖的變化
- (void)click:(UIPageControl *)pageControl{
    self.scrollView.contentOffset = CGPointMake(kWidth * (pageControl.currentPage + 1), 0);
}

而對於scrollView來說,如果只設置了一個scrollView的話,我們所達到的效果是不理想的,因為在縮放的同時,也會改變本身的contentSize,所以所達到的效果是不會理想的,也會有很嚴重的惡劣感。當然,想解決這個,也非常的容易 ,只需要在scrollView上添加一個子視圖,一個等大的scrollView,就稱呼為小scrollView,小scrollView用來進行縮放處理,而大scrollView來進行滾動。這樣一來 ,就不會改變大scrollView整體的contentSize.

小scrollView縮放的具體代碼展示。

//必須設置縮放比例以及設置代理對象        
smallScroll.delegate = self;
smallScroll.minimumZoomScale = 0.5;
smallScroll.maximumZoomScale = 2.0;

  

//指定縮放的視圖
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
    //return [scrollView.subviews firstObject];
    return [scrollView.subviews objectAtIndex:0];
}

//中心點縮放
- (void)scrollViewDidZoom:(UIScrollView *)scrollView{
    UIImageView *imageV = [scrollView.subviews firstObject];
    if (scrollView.zoomScale <= 1.0) {
        imageV.center = CGPointMake(kWidth / 2, kHeight / 2);
    }
}

因為是對小scrollView進行縮放,所以 在進行縮放前,必須要指定進行縮放的視圖是哪一個。 所以 大srcollView的第一個子視圖就是我想要進行縮放的視圖。

當然,到了這個地步 ,又發現了一個新的問題,滑動到下一頁後,再返回剛剛縮放過的地方,發現還是改變後的圖片,並沒有恢覆成原樣。發現問題就應該合理的解決好問題。

//減速結束,也就是停止滾動
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSLog(@"結束滾動");
    // 先從負責滾動的⼤scrollView找到他的⼦子視圖
    for (UIScrollView *sView in scrollView.subviews){
        // 在根據⼦子類的對象類型進⾏行判斷
        if ([sView isKindOfClass:[UIScrollView class]]){
            // 把視圖的尺⼨寸恢復到原有尺⼨寸
            sView.zoomScale = 1.0;
        }
    }
}

當然,使用這些方法的前提就是設置好代理.Delegate。

做到這個地方,基礎的都做完了。不管怎麼說。合理的利用方法。發現問題並解決好問題,才是一個新手應該註意的地方。一個方法的使用,並不是單純的只有一個使用方法,多種思路就可能會有不同的解決方式 。scrollView是滾動視圖,使用還是比較簡單,日常使用還是挺頻繁的,而基於scrollView的UITableView才是日後使用的重點。api文檔是可以很好的幫助解決了個個方法的介紹。雖然全英文,可能會看不懂。當不看,你永遠不懂,所以要慢慢的,嘗試瞭解一點。會一點是一點。

 


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

-Advertisement-
Play Games
更多相關文章
  • 今天思考下前端源碼安全的東西(不是前端安全,只是針對於源碼部分)。在我看來,源碼安全有兩點,一是防止抄襲,二是防止被攻破。實際上講,前端的代碼大多是沒有什麼可抄襲性,安全更是形同虛設的(任何前端輸入都是不能相信的)。但如果還是想防止源碼被查看,HTML、CSS並不能做什麼,最終都會用露出來(最簡單用
  • 第三篇博客, 這次說的是插入鏈接類標簽, 我們平常在網頁中經常能看到藍色的鏈接類標簽, 或者是一張圖片, 一個電郵, 這些都是插入鏈接類的標簽起的作用. <a></a>鏈接標簽 <a>鏈接標簽可實現超鏈接, 它在網頁中是無處不在的, 只要有鏈接的地方, 就會有這個標簽, 它的語法和其他的標簽不太相同
  • 上一篇文章提到了javascript中可變值與不可變值,如果你不知道什麼是可變值和不可變值,可以先去看看那篇文章,再回來看這篇,因為這篇文章是基於可變值與不可變值講解的。 那我就預設你知道什麼是可變值與不可變值。 1.對於不可變值來說(也就是數字,字元串,布爾,null,undefined),它們是
  • 字元串原始值修改不了1 var str = "abc"; 2 str[0] = "d"; 3 console.log(str[1]="f"); >>f 4 console.log(str[0]); >>a 5 console.log(str); >>abc提試:字元串是可以通過[]的形式訪問的。 /
  • 隨著日常的使用,系統提供的cell已經不能滿足開發的需要,因為系統提供的是單一的,所以 這就引來了自定義cell的出現,可以根據 自己的需要來佈局各個控制項所處的位置。不同位置顯示不同的控制項。 創建一個類,繼承於UITableCell. 自定義cell,簡單的來說可以分為三步 1.將所有cell要顯示
  • UITableView表視圖,是實用的數據展示的基礎控制項,是繼承於UIScrollView,所以也可以滾動。但不同於UIScrollView,UITableView只可以上下滾動,而不能左右滾動。 因為是數據展示,必然少不了數據的存在,嗯,使用plist文件來獲取想要的數據。通過模型來獲取。 說到這
  • 分類:C#、Android、VS2015; 創建日期:2016-02-10 一、簡介 Android應用程式中的佈局控制項都是容器控制項,用於控制子元素的排列和放置方式。Android提供的佈局控制項有: LinearLayout:線性佈局。 GridLayout:網格佈局。 TableLayout:表布
  • 一、屬性傳值 對於屬性傳值而言,相對於其它的三種 方法來說,是最基礎,最簡單的一種 方法,但,屬性傳值 有很大的局限性,因為是適用於第一個界面向第二個界面傳 值,第二個向第三個界面傳值等等。N界面向N + 1界面傳值。而在此基礎上,必須知道跳轉界面的明確位置及所要傳的值的具體類型。在第二個界面中聲明
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...