Swift图片轮播的代码

前端之家收集整理的这篇文章主要介绍了Swift图片轮播的代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

凑合看吧,不高兴弄了

(1)创建一个基于Swift的iOS项目,打开Main.storyboard,在界面中拖入一个ScrollView滚动视图, 用来显示图片,在ScrollView下面再放置一个Page Control页面控制,可以来提示当前是哪一张图片 界面上就是一个scrollview和一个pagecontrol控件 (2)实现控件与代码的绑定,按住右键拖动控件到代码中,选择Outlet,类似生成代码如下: @IBOutlet weak var galleryScrollView: UIScrollView! // 实现图片轮播的滚动; @IBOutlet weak var galleryPageControl: UIPageControl! //提示当前滚动的图片,指示器; (3)拖动几张图片到Images.xcassets中,本例子拖动5张图片,名字分别为gallery1.....gallery5. 4)在类内定义一个NSTimer类型的定时器: var timer:NSTimer! (5)实现图片滚动的方法pictureGallery(),代码如下: 这个方法在viewDidLoad中执行 func pictureGallery(){ //实现图片滚动播放; //image width let imageW:CGFloat = self.galleryScrollView.frame.size.width;//获取ScrollView的宽作为图片的宽; let imageH:CGFloat = self.galleryScrollView.frame.size.height;//获取ScrollView的高作为图片的高; var imageY:CGFloat = 0;//图片的Y坐标就在ScrollView的顶端; var totalCount:NSInteger = 5;//轮播的图片数量; for index in 0..<totalCount{ var imageView:UIImageView = UIImageView(); let imageX:CGFloat = CGFloat(index) * imageW; imageView.frame = CGRectMake(imageX,imageY,imageW,imageH);//设置图片的大小,注意Image和ScrollView的关系,其实几张图片是按顺序从左向右依次放置在ScrollView中的,但是ScrollView在界面中显示的只是一张图片的大小,效果类似与画廊; let name:String = String(format: "gallery%d",index+1); imageView.image = UIImage(named: name); self.galleryScrollView.showsHorizontalScrollIndicator = false;//不设置水平滚动条; self.galleryScrollView.addSubview(imageView);//把图片加入到ScrollView中去,实现轮播的效果; } //需要非常注意的是:ScrollView控件一定要设置contentSize;包括长和宽; let contentW:CGFloat = imageW * CGFloat(totalCount);//这里的宽度就是所有的图片宽度之和; self.galleryScrollView.contentSize = CGSizeMake(contentW,0); self.galleryScrollView.pagingEnabled = true; self.galleryScrollView.delegate = self; self.galleryPageControl.numberOfPages = totalCount;//下面的页码提示器; self.addTimer() } 6)实现图片循环播放的方法nextImage(): func nextImage(sender:AnyObject!){//图片轮播; var page:Int = self.galleryPageControl.currentPage; if(page == 4){ //循环; page = 0; }else{ page++; } let x:CGFloat = CGFloat(page) * self.galleryScrollView.frame.size.width; self.galleryScrollView.contentOffset = CGPointMake(x,0);//注意:contentOffset就是设置ScrollView的偏移; } (7)要在当前类中实现一个委托UIScrollViewDelegate,并实现一个方法scrollViewDidScroll(),代码如下: //UIScrollViewDelegate中重写的方法; //处理所有ScrollView的滚动之后的事件,注意 不是执行滚动的事件; func scrollViewDidScroll(scrollView: UIScrollView) { //这里的代码是在ScrollView滚动后执行的操作,并不是执行ScrollView的代码; //这里只是为了设置下面的页码提示器;该操作是在图片滚动之后操作的; let scrollviewW:CGFloat = galleryScrollView.frame.size.width; let x:CGFloat = galleryScrollView.contentOffset.x; let page:Int = (Int)((x + scrollviewW / 2) / scrollviewW); self.galleryPageControl.currentPage = page; } (8)设置一个定时器: func addTimer(){ //图片轮播的定时器; self.timer = NSTimer.scheduledTimerWithTimeInterval(5,target: self,selector: "nextImage:",userInfo: nil,repeats: true); }

原文链接:https://www.f2er.com/swift/325264.html

猜你在找的Swift相关文章