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);
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值