博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UIScrollView浏览一组图片,且图片与图片之间有间隔
阅读量:6428 次
发布时间:2019-06-23

本文共 1613 字,大约阅读时间需要 5 分钟。

---恢复内容开始---

UIScrollView是可以浏览一组view的,只要将其属性

pagingEnabled设置为true就可以了。具体过程是这样的,

1:将一组图片按照从左到右的顺序添加到UIScrollView里边,

2:pagingEnabled设置为true

只需要两步即可,非常方便

但是你会发现这些图片是一张接一张,是这种效果:

我们发现ios自带的photo app里边对照片的浏览和这个差不多,但是人家每张图片之间都有个间距,

你在用手指拨动的时候会发现左边或者右边的照片并不是完全连在一起的,这个怎么去实现呢

override func viewDidLoad() {        super.viewDidLoad()        scrollView = UIScrollView(frame: view.bounds)        scrollView.pagingEnabled = true        scrollView.backgroundColor = UIColor.blackColor()        view.addSubview(scrollView)        pageImages = [        UIImage(named:"photo1.png")!,        UIImage(named:"photo2.png")!,        UIImage(named:"photo3.png")!,        UIImage(named:"photo4.png")!,        UIImage(named:"photo5.png")!]        let pageCount = pageImages.count        let dx:CGFloat = 50        var itemWidth = scrollView.bounds.width + dx * CGFloat(2.0)        for  i in 0..

其原理就是对每一个图片加宽,然后再对其添加dx的间距,这样图片的大小回复原状了,中间也有了间隔

具体效果是这样的:

33要

以上效果就和ios自带的照片浏览一样了,体验比上面一种确实也要舒服很多.


 

还有一种方法也可以实现上面的效果,原理也比较类似。我们知道UISrollView的翻页是每次翻过的是 UISrollView的Frame的大小

故,我们假定间隔是dx,且ImageView的Frame是屏幕的大小,依次从左到右排列。要使得每次翻页都能正好显示出图片,那么要求每次翻动

的宽度为图片的宽度+dx。所以如果我们设置UISrollView的Frame的Width=等于屏幕的宽度+dx。这样每次的翻页都等于Width,就能保证我们要显示

的元素在屏幕中间,当然这中间要设置UISrollView的contentSize=UISrollView的宽度*n(n个图片)

下面是代码:

override func viewDidLoad() {        super.viewDidLoad()        scrollView = UIScrollView(frame: self.view.bounds)        scrollView?.pagingEnabled = true        scrollView?.delegate = self        view.addSubview(scrollView!)        var count = imgArrary.count        for i in 0..

 

 

---恢复内容结束---

转载于:https://www.cnblogs.com/JimmyBright/p/4324042.html

你可能感兴趣的文章
[转]DPM2012系列之六:在Win7上安装DPM远程管理控制台
查看>>
postgres函数
查看>>
Microsoft AJAX Library Cheat Sheet(5): Number和Error类型的扩展
查看>>
POJ 3580 SuperMemo(splay)
查看>>
AfxGetMainWnd函数
查看>>
WebView增加一个水平Progress,位置、长相随意
查看>>
easyui messager alert 三秒后自动关闭提示
查看>>
带你Python入门,踏进人工智能领域
查看>>
core data 基础操作
查看>>
手机共享电脑网络
查看>>
ORM框架Hibernate (四) 一对一单向、双向关联映射
查看>>
20140616 科技脉搏 -最大颠覆来自创业公司与边缘产业
查看>>
offsetLeft, offsetTop以及postion().left , postion().top有神马区别
查看>>
visual studio 中GIT的用法
查看>>
数据库中触发器before与after认识
查看>>
手动露天广场和立方体
查看>>
随机选择
查看>>
【Java并发编程三】闭锁
查看>>
分布式事务中遇到的 “与基础事务管理器的通信失败”的解决方法
查看>>
让你的Git水平更上一层楼的10个小贴士
查看>>