SWIFT用ScrollView加图片制作Banner

转载 2015年11月20日 10:33:12


网上参考OBJC写的用ScrollView图片轮播效果,照着画了个,先上效果图:

附上代码:

复制代码
 1 @IBOutlet weak var pc: UIPageControl!
 2     @IBOutlet weak var sv:UIScrollView!
 3     
 4     var timer:NSTimer!
 5     
 6     override func viewDidLoad() {
 7         super.viewDidLoad()
 8         
 9         for i in 1...6{ //loading the images
10             let image = UIImage(named: "pic\(i).jpg")!
11             let x = CGFloat(i - 1) * self.view.frame.width //这一步获取ScrollView的宽度时我用IPHONE6实体机测试是320,右边会出现第二张图片的一部分,最后还是用ROOT VIEW的宽度
12             var imageView = UIImageView(frame: CGRectMake(x, 0, self.view.frame.width, sv.bounds.height))
13             imageView.image = image
14             sv.pagingEnabled = true
15             sv.showsHorizontalScrollIndicator = false
16             sv.scrollEnabled = true
17             sv.addSubview(imageView)
18             sv.delegate = self
19         }
20         
21         sv.contentSize = CGSizeMake((self.view.frame.width * 6), sv.frame.height)
22         pc.numberOfPages = 6
23         pc.currentPageIndicatorTintColor = UIColor.redColor()
24         pc.pageIndicatorTintColor = UIColor.whiteColor()
25         addTimer()
26         
27     }
28     
29     func scrollViewDidScroll(scrollView: UIScrollView) {
30         let width = self.view.frame.width
31         let offsetX = scrollView.contentOffset.x
32         let index = (offsetX + width / 2) / width
33         pc.currentPage = Int(index)
34     }
35     
36     func scrollViewWillBeginDragging(scrollView: UIScrollView) {
37         removeTimer()
38     }
39     
40     func scrollViewDidEndDragging(scrollView: UIScrollView, willDecelerate decelerate: Bool) {
41         addTimer()
42     }
43     
44     func addTimer() {
45         timer = NSTimer.scheduledTimerWithTimeInterval(5, target: self, selector: "nextImage", userInfo: nil, repeats: true)
46     }
47     
48     func removeTimer() {
49         timer.invalidate()
50     }
51 
52     
53     func nextImage() {
54         var pageIndex = pc.currentPage
55         if pageIndex == 5 {
56             pageIndex = 0
57         } else {
58             pageIndex++
59         }
60         
61         var offsetX = CGFloat(pageIndex) * self.view.frame.width
62         sv.setContentOffset(CGPointMake(offsetX, 0), animated: true)
63     }
复制代码

 

相关文章推荐

IOS(swift)-scrollView(tableView) ·图片加载逻辑的优化

Table View 中图片加载逻辑的优化 虽然这种优化方式在现在的机能和网络环境下可能看似不那么必要,但在我最初看到这个方法是的 09 年(印象中是 Tweetie 作者在 08 年写的 Blog...

Swift -banner滚动图自定义

这片博客和http://blog.csdn.net/codingfire/article/details/51646607是一样的,只不过博主又用Swift把原来的Object-C代码写了一遍,其中还...

自定义JQuery插件(附图片轮播banner实现)

实现一个图片轮播banner插件。作为一个java后台攻城狮,有的时候对自己的想法无法用前端展现出来,总感觉挺遗憾的。所以了解一定的前端知识与主流的前端技术,也是一个后台攻城狮的基本素养。最近刚好做相...

使用SliderLayout实现banner图片切换

要想使用SliderLayout实现实现banner图片切换需要在app目录下的build.gradle文件中配置 dependencies { compile "com.androi...

最新Banner(图片轮播)配置使用

最新Banner(图片轮播)配置使用

平缓的banner图片切换效果

平时所写的banner图片滚动效果要么是从左至右滚动,要么是从右至左滚动。这种效果利用的原理是banner图的父盒子绝对定位,每隔一段时间移动父盒子的位置,如left=“”; 而现在很多网站开始...

使用Banner实现图片的轮番显示的效果,替换ViewPager + CirclePagerIndicator

今天接触到了Banner,超级好用。 可以很方便的实现替换ViewPager + CirclePagerIndicator的效果。源码来自于github:https://github.com/you...

关于图片轮播广告窗体的Banner那些事。。。。

简介 现在的绝大数app都有banner界面,实现循环播放多个广告图片和手动滑动循环等功能。因为ViewPager并不支持循环翻页, 所以要实现循环还得需要自己去动手,我就把项目中的...

自制的Banner轮播图 ,只需加载图片地址集合,即可实现轮播效果

BannerView 简介:这是一个自动轮播的控件,能加载网络图片,本地图片,资源图片
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)