歡迎來到天天文庫
瀏覽記錄
ID:59254791
大小:502.62 KB
頁數(shù):5頁
時間:2020-09-08
《iOS開發(fā)UI篇—UIScrollView控件實現(xiàn)圖片輪播=.docx》由會員上傳分享,免費在線閱讀,更多相關內容在教育資源-天天文庫。
1、iOS開發(fā)UI篇—UIScrollView控件實現(xiàn)圖片輪播iOS開發(fā)UI篇—UIScrollView控件實現(xiàn)圖片輪播一、實現(xiàn)效果實現(xiàn)圖片的自動輪播??????二、實現(xiàn)代碼storyboard中布局代碼:1#import"YYViewController.h"23@interfaceYYViewController()4@property(weak,nonatomic)IBOutletUIScrollView*scrollview;5/**6*頁碼7*/8@property
2、(weak,nonatomic)IBOutletUIPageControl*pageControl;910@property(nonatomic,strong)NSTimer*timer;11@end1213@implementationYYViewController1415-(void)viewDidLoad16{17[superviewDidLoad];1819//圖片的寬20CGFloatimageW=self.scrollview.frame.size.width;21//CGFloatimageW=30
3、0;22//圖片高23CGFloatimageH=self.scrollview.frame.size.height;24//圖片的Y25CGFloatimageY=0;26//圖片中數(shù)27NSIntegertotalCount=5;28//1.添加5張圖片29for(inti=0;i4、iew.frame=CGRectMake(imageX,imageY,imageW,imageH);35//設置圖片36NSString*name=[NSStringstringWithFormat:@"img_0%d",i+1];37imageView.image=[UIImageimageNamed:name];38//隱藏指示條39self.scrollview.showsHorizontalScrollIndicator=NO;4041[self.scrollviewaddSubview:imageView5、];42}4344//2.設置scrollview的滾動范圍45CGFloatcontentW=totalCount*imageW;46//不允許在垂直方向上進行滾動47self.scrollview.contentSize=CGSizeMake(contentW,0);4849//3.設置分頁50self.scrollview.pagingEnabled=YES;5152//4.監(jiān)聽scrollview的滾動53self.scrollview.delegate=self;5455[selfaddTimer];566、}5758-(void)nextImage59{60intpage=(int)self.pageControl.currentPage;61if(page==4){62page=0;63}else64{65page++;66}6768//滾動scrollview69CGFloatx=page*self.scrollview.frame.size.width;70self.scrollview.contentOffset=CGPointMake(x,0);71}7273//scrollview滾動的時候調用74-(v7、oid)scrollViewDidScroll:(UIScrollView*)scrollView75{76NSLog(@"滾動中");77//計算頁碼78//頁碼=(contentoffset.x+scrollView一半寬度)/scrollView寬度79CGFloatscrollviewW=scrollView.frame.size.width;80CGFloatx=scrollView.contentOffset.x;81intpage=(x+scrollviewW/2)/scrollviewW;82sel8、f.pageControl.currentPage=page;83}8485//開始拖拽的時候調用86-(void)scrollViewWillBeginDragging:(UIScrollView*)scrollView87{88//關閉定時器(注意點;定時器一旦被關閉,無法再開啟)89//[self.timerinvalidate];90[selfrem
4、iew.frame=CGRectMake(imageX,imageY,imageW,imageH);35//設置圖片36NSString*name=[NSStringstringWithFormat:@"img_0%d",i+1];37imageView.image=[UIImageimageNamed:name];38//隱藏指示條39self.scrollview.showsHorizontalScrollIndicator=NO;4041[self.scrollviewaddSubview:imageView
5、];42}4344//2.設置scrollview的滾動范圍45CGFloatcontentW=totalCount*imageW;46//不允許在垂直方向上進行滾動47self.scrollview.contentSize=CGSizeMake(contentW,0);4849//3.設置分頁50self.scrollview.pagingEnabled=YES;5152//4.監(jiān)聽scrollview的滾動53self.scrollview.delegate=self;5455[selfaddTimer];56
6、}5758-(void)nextImage59{60intpage=(int)self.pageControl.currentPage;61if(page==4){62page=0;63}else64{65page++;66}6768//滾動scrollview69CGFloatx=page*self.scrollview.frame.size.width;70self.scrollview.contentOffset=CGPointMake(x,0);71}7273//scrollview滾動的時候調用74-(v
7、oid)scrollViewDidScroll:(UIScrollView*)scrollView75{76NSLog(@"滾動中");77//計算頁碼78//頁碼=(contentoffset.x+scrollView一半寬度)/scrollView寬度79CGFloatscrollviewW=scrollView.frame.size.width;80CGFloatx=scrollView.contentOffset.x;81intpage=(x+scrollviewW/2)/scrollviewW;82sel
8、f.pageControl.currentPage=page;83}8485//開始拖拽的時候調用86-(void)scrollViewWillBeginDragging:(UIScrollView*)scrollView87{88//關閉定時器(注意點;定時器一旦被關閉,無法再開啟)89//[self.timerinvalidate];90[selfrem
此文檔下載收益歸作者所有