簡單的圖片無限輪播器（要點提醒）

来源:http://www.cnblogs.com/ljcgood66/archive/2016/04/22/5396557.html
-Advertisement-
Play Games

// 註意，在有導航欄的情況下，需要在viewDidLoad 中加上 self.automaticallyAdjustsScrollViewInsets = NO;不然會出現圖片下移64的情況 ，scrollView.frame的高度要比圖片的高度大64，不然，圖片顯示不全 源文件在這裡：http: ...


  1 #import "ViewController.h"
  2 #define kDeviceWidth [UIScreen mainScreen].bounds.size.width
  3 #define kDeviceHeight [UIScreen mainScreen].bounds.size.height
  4 #define   Kpage 3
  5 @interface ViewController ()<UIScrollViewDelegate>
  6 
  7 @property(nonatomic,strong)UIPageControl *pageCtrl;
  8 @property (nonatomic,weak) UIScrollView *scrollView;
  9 @property (nonatomic,weak) UIImageView *currentImageView; // 當前imageView
 10 @property (nonatomic,weak) UIImageView *nextImageView; // 下一個imageView
 11 @property (nonatomic,weak) UIImageView *preImageView; //上一個imageView
 12 @property (nonatomic,assign) BOOL isDragging; // 是否正在滾動
 13 @property (nonatomic,strong)NSTimer *timer;
 14 @end
 15 
 16 @implementation ViewController
 17 
 18 - (void)viewDidLoad {
 19     [super viewDidLoad];

 // 註意，在有導航欄的情況下，需要在viewDidLoad 中加上 self.automaticallyAdjustsScrollViewInsets = NO;不然會出現圖片下移64的情況 ，scrollView.frame的高度要比圖片的高度大64，不然，圖片顯示不全

 

 20     UIScrollView *scrollView =[[UIScrollView alloc] init];
 21     scrollView.frame = CGRectMake(0, 0, kDeviceWidth, kDeviceHeight);
 22     [self.view addSubview:scrollView];
 23     self.scrollView = scrollView;
 24     [self.scrollView setContentSize:CGSizeMake(kDeviceWidth * 3, kDeviceWidth)];
 25     //  設置隱藏橫向條
 26     self.scrollView.showsHorizontalScrollIndicator = NO;
 27     //  設置自動分頁
 28     self.scrollView.pagingEnabled = YES;
 29     //  設置代理
 30     self.scrollView.delegate = self;
 31     //  設置當前點
 32     self.scrollView.contentOffset = CGPointMake(kDeviceWidth, 0);
 33     //  設置是否有邊界
 34     self.scrollView.bounces = NO;


 35     //  初始化當前視圖
// 註意：這裡如果圖片向左輪播，無需初始化上一個視圖；如果圖片向右輪播，無需初始化下一個視圖
 36     UIImageView *currentImageView =[[UIImageView alloc] init];
 37     currentImageView.image = [UIImage imageNamed:@"bg_01"];
 38     [self.scrollView addSubview:currentImageView];
 39     self.currentImageView = currentImageView;
 40     self.currentImageView.frame = CGRectMake(kDeviceWidth, 0, kDeviceWidth, kDeviceHeight);
 41     self.currentImageView.contentMode = UIViewContentModeScaleAspectFill;
 42     //  初始化下一個視圖
 43     UIImageView *nextImageView = [[UIImageView alloc] init];
 44     nextImageView.image = [UIImage imageNamed:@"bg_02"];
 45     [self.scrollView addSubview:nextImageView];
 46     self.nextImageView = nextImageView;
 47     self.nextImageView.frame = CGRectMake(kDeviceWidth * 2, 0, kDeviceWidth, kDeviceHeight);
 48     self.nextImageView.contentMode = UIViewContentModeScaleAspectFill;
 49     //  初始化上一個視圖， 
 50     UIImageView *preImageView =[[UIImageView alloc] init];
 51     preImageView.image = [UIImage imageNamed:@"bg_03"];
 52     preImageView.frame = CGRectMake(0, 0, kDeviceWidth, kDeviceHeight);
 53     [self.scrollView addSubview:preImageView];
 54     self.preImageView = preImageView;
 55     self.preImageView.contentMode =UIViewContentModeScaleAspectFill;
 56 
 57     //  設置時鐘動畫 定時器
 58 
 59     self.timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(update:) userInfo:nil repeats:YES];
 60     //  將定時器添加到主線程
 61     [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
 62 
 63 }
 64     // 分頁
 65 -(UIPageControl *)pageCtrl{
 66     if (_pageCtrl == nil) {
 67         
 68         //分頁控制項
 69         _pageCtrl = [[UIPageControl alloc]init];
 70         _pageCtrl.numberOfPages = Kpage;
 71         
 72         CGSize size = [_pageCtrl sizeForNumberOfPages:Kpage];
 73         _pageCtrl.bounds = CGRectMake(0, 0, size.width, size.height);
 74         _pageCtrl.center = CGPointMake(self.view.center.x, CGRectGetMaxY(self.scrollView.frame) - 20);
 75         _pageCtrl.pageIndicatorTintColor = [UIColor redColor];
 76         _pageCtrl.currentPageIndicatorTintColor = [UIColor greenColor];
 77         
 78         [self.view addSubview:_pageCtrl];
 79         
 80         
 81     }
 82     return _pageCtrl;
 83 }
 84 
 85 
 86 -(void)updateTimer{
 87     //修改頁號
 88     int page = (self.pageCtrl.currentPage + 1 ) % Kpage;
 89     self.pageCtrl.currentPage = page;
 90   
 91 }
 92 
 93 
 94 - (void)update:(NSTimer *)timer{
 95     //定時移動
 96     
 97     if (_isDragging == YES) {
 98         
 99         return ;
100     }
101     CGPoint offSet = self.scrollView.contentOffset;
102     offSet.x +=offSet.x;
103     
104     [self updateTimer];
105     
106     [self.scrollView setContentOffset:offSet animated:YES];
107     if (offSet.x >= kDeviceWidth *2) {
108         offSet.x = kDeviceWidth;
109     }
110    
111 }
112 #pragma mark - UIScrollViewDelegate
113 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
114 {
115     _isDragging = YES;
116 }
117     //  停止滾動
118 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
119 {
120     _isDragging = NO;
121 
122 }
123 
124     // 開始滾動
125 - (void) scrollViewDidScroll:(UIScrollView *)scrollView{
126     static int i =1; //   當前展示的是第幾張圖片
127     float offset = self.scrollView.contentOffset.x;
// 註意：這裡如果圖片向左輪播，無需載入上一個視圖；如果圖片向右輪播，無需載入下一個視圖


128     if (self.nextImageView.image == nil || self.preImageView.image == nil) {
129     //  載入下一個視圖
130     NSString *imageName1 = [NSString stringWithFormat:@"bg_0%d",i == Kpage ? 1:i +1];
131     _nextImageView.image = [UIImage imageNamed:imageName1];
132     // 載入上一個視圖
133     NSString *imageName2 = [NSString stringWithFormat:@"bg_0%d",i==1 ? Kpage :i-1];
134     _preImageView.image = [UIImage imageNamed:imageName2];
135      
136     }


// 註意：這裡如果圖片向左輪播，無需if(offset ==0)判斷；如果圖片向右輪播，無需if (offset == scrollView.bounds.size.width * 2)判斷




137     if(offset ==0){
138         _currentImageView.image = _preImageView.image;
139         scrollView.contentOffset = CGPointMake(scrollView.bounds.size.width, 0);
140         _preImageView.image = nil;
141         if (i == 1) {
142         i =Kpage;
143         } else{
144         i-=1;
145         }
146 
147     }
148     if (offset == scrollView.bounds.size.width * 2) {
149         _currentImageView.image = _nextImageView.image;
150         scrollView.contentOffset = CGPointMake(scrollView.bounds.size.width, 0);
151         _nextImageView.image = nil;
152         if (i == Kpage) {
153         i = 1 ;
154         }else{
155         i +=1 ;
156         }
157       
158     }
159    
160 }
161 
162 
163 @end






  假如圖片為img1,img2,img3
//具體說明一下：以三張圖片向左輪播為例，首先當前頁面（就是看的見得）為current位置為320（以5S為例吧，寬度為320）圖片為img1，下一張圖片next位置為640,圖片為img2，
（ i= 1）

1.當前圖片2秒後（假如定時器2秒執行一次）移動到640（定時器每執行一次移動一個屏幕寬度）；進入if (offset == scrollView.bounds.size.width * 2) 判斷

2.判斷結果為當前頁面的圖片換成前面next的圖片，結果為img2，next的圖片為空,current當前頁面位置變成320（i= 2）

3.因為next的圖片為空，所以進入if (self.nextImageView.image == nil || self.preImageView.image == nil) 


4.判斷結果，根據後面的三目運算next的圖片換成img3（因為三目運算）

5.當前圖片2秒後又（定時器2秒執行一次）又移動到640（定時器每執行一次移動一個屏幕寬度）；進入if (offset == scrollView.bounds.size.width * 2) 判斷把圖片換成img3,讓next為空，從此無限迴圈


源文件在這裡：http://pan.baidu.com/s/1kVKrbkb



              
	   




	

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




			 	

	
	

    


-Advertisement-
Play Games
     


	


    

    

    




	       	  

              
更多相關文章  

              

                   
    


				
  • 
				
    
			    	
    
				    	Android前端人員與後臺開發的撕逼（一）
			    	
    
					
    首先表明一下身份，本人是Android前端開發人員，本篇只做合理性探討，不進行人身攻擊； 其次希望各位大神進行點評！點評！點評！ 我們討論一下介面的兩種返回方式，直接舉例說明一下，假設書籍信息表有30個欄位，現在有各種排行榜和列表都需要顯示書籍基本信息，但顯示的屬性一般會有5-8個左右，各個排行榜顯 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	iOS開發小功能自學之二：分頁（進行封裝處理）
			    	
    
					
    主要用Xib方式，代碼後期還會有進一步的優化 下次用代碼的時候一定要複製一份再用，直接拿出源代碼來不小心哪裡碰了下，耽誤了10多分鐘去找bug，鬱悶！！！ 功能：類似於手機打開新浪網首頁最上面的大圖片，自動滾動，右下角有個頁數顯示。 思路和註意點：1、主要用到的是scrollView和page co ...
    
				
    
		    
  • 
				
    
			    	
    
				    	Android開發_*.R文件無法自動生成
			    	
    
					
    問題描述： 今天是我決定專註Android開發的第一天，我在網上下載了一個數獨游戲的源碼，準備開始著手學習。在導入之後出現Java文件中import *.R文件報錯，在gen目錄下麵沒有找到R.java,於是自己創建了個，然後開始了尋找自動更新的方法。 問題解決： 在經過尋找後，最後發現是自己的項目 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	iOS開發中的幾種設計模式介紹
			    	
    
					
    ios開發學習中，經常弄不清楚ios的開發模式，今天我們就來進行簡單的總結和探討~ （一）代理模式 應用場景：當一個類的某些功能需要由別的類來實現，但是又不確定具體會是哪個類實現。 優勢：解耦合 敏捷原則：開放-封閉原則 實例：tableview的 數據源delegate，通過和protocol的配 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	iOS學習-10下載(2)NSURLSession 篇
			    	
    
					
    使用NSURLSessionDownloadTask下載文件的過程與前面差不多，需要註意的是文件下載文件之後會自動保存到一個臨時目錄，需要開發人員自己將此文件重新放到其他指定的目錄中。 來自KenshinCui,鏈接見上篇。 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	AFN總結
			    	
    
					
    AFN小結 1，AFN概念、原理 2，AFN的封裝使用 3，AFN與其它框架對比 ————————————————————————————————— 1 , AFN的概念原理： AFN的基礎是NSURL，AFN的直接操作對象AFHTTPClient是一個實現了NSCoding和NSCopying協議 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	Macbook SSD硬碟空間不夠用了？來個Xcode大瘦身吧！
			    	
    
					
    最近突然發現我的128G SSD硬碟只剩下可憐的8G多，剩下這麼少的一點空間連Xcode都無法更新。怎麼辦呢？如果升級硬碟的話，第一要花錢，畢竟SSD硬碟還是不便宜，第二是升級比較麻煩，要拆機和遷移系統什麼的特別花時間精力，老了真不願瞎折騰了，只能想辦法能不能清除點空間來。 尋找大塊頭 首先想到的就 ...
    
				
    
		    
  • 
				
    
			    	
    
				    	iOS開發之KVC全解
			    	
    
					
    一 KVC的基本概念 KVC是Key Value Coding的縮寫，意思是鍵值編碼。 在iOS中，提供了一種方法通過使用屬性的名稱（也就是Key）來間接訪問對象屬性的方法,這個方法可以不通過getter／setter方法來訪問對象的屬性。用KVC可以間接訪問對象屬性的機制。通常我們使用valueF ...
    
				
    
		    
    • 
				 
		  
  
                  

              

          



		
        

        
        

            
 







    
一周排行

    

         
    

 
    -Advertisement-
    Play Games
    	   
	
  • 
			        	
    
			    	        
    
				    	        移動開發（一）：使用.NET MAUI開發第一個安卓APP
			            	
    
				        	
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        wpf ToggleButton選中效果和一個登錄界面
			            	
    
				        	
    前言 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 ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        第27篇 sqlserver2022詳細安裝步驟
			            	
    
				        	
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        .NET 開源高性能 MQTT 類庫
			            	
    
				        	
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
			            	
    
				        	
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
			            	
    
				        	
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
			            	
    
				        	
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
			            	
    
				        	
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
    
			         	
    
		            
  • 
			        	
    
			    	        
    
				    	        第28篇 如何.net中實現高效可靠數據同步api
			            	
    
				        	
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
    
			         	
    
		            
    • 										 





		        	
                 	
                 			        

    





    
所有分類