iOS开发项目实战——Swift实现图片轮播与浏览
近期開始开发一个新的iOS应用,自己决定使用Swift。进行了几天之后,发现了一个非常严峻的问题。那就是无论是书籍,还是网络资源,关于Swift的实在是太少了,随便一搜全都是OC实现某某某功能。就算是找到Swift的资源,一看,大概是半年前的代码。或是一年前的代码,一执行。全都报错。
这是因为毕竟Swift还是在不断发展完好其中,随着Swift2.0的开源以来,包含公布Swift这一年多以来,Swift的修改还是非常大的,非常多的接口或是语法前后有较大差异。有些功能仅仅能自己硬生生看官方文档或挤破脑子想。甚是痛苦。
基于以上现实原因,也以便以后大家的Swift开发。我把自己在Swift上实现的一些实战型功能分享给大家,希望降低大家上网检索的时间。我的开发环境是OS X 10.10.3。Xcode版本号是Version 6.4 (6E35b)。创建的项目SDK默认是 iOS SDK 8.4.
这次我们要使用Swift实现图片的循环播放并能够使用手指进行左右滑动浏览图片。详细实现例如以下:
(1)创建一个基于Swift的iOS项目,打开Main.storyboard,在界面中拖入一个ScrollView滚动视图,用来显示图片。在ScrollView以下再放置一个Page Control页面控制,能够来提示当前是哪一张图片,界面设计如图:
。
(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(),代码例如以下:
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);
}
(9)最后的实现效果例如以下:
。
。
希望Swift会变得越来越好。我们放心的去学习Swift吧,未来一定会大放异彩的。
github主页:https://github.com/chenyufeng1991 。
欢迎大家訪问!
iOS开发项目实战——Swift实现图片轮播与浏览的更多相关文章
- iOS开发项目实战——Swift实现ScrollView滚动栏功能
手机作为一个小屏设备,须要显示的信息往往无法在一个屏幕上显示,此时就须要使用到滚动栏,当然除了像TableView这样能够自带滚动功能的. 假设一个界面上View较多,那就必须要使用到ScrollVi ...
- swift 自定义图片轮播视图
Swift封装图片轮播视图: import UIKit class XHAdLoopView: UIView { private var pageControl : UIPageControl? pr ...
- iOS开发之 用第三方类库实现轮播图
在github上面有很多的第三方类库,大大节约了大家的开发时间 下载地址:https://github.com/gsdios/SDCycleScrollView 现已支持cocoapods导入:pod ...
- iOS开发那些事儿(一)轮播器
前言 市面上绝大部分的APP被打开之后映入眼帘的都是一个美轮美奂的轮播器,所以能做出一个符合需求.高效的轮播器成为了一个程序员的必备技能.所以今天的这篇博客就来谈谈轮播器这个看似简单的控件其中蕴含的道 ...
- Omi-touch实战 移动端图片轮播组件的封装
pc端的轮播,移动端的轮播都很常见.一年前,我还为手机端没有左滑,右滑事件从而封装了一个swipe库,可以自定义超过多少滑动时间就不触发,也可以设置滑动多少距离才触发,这一个功能的代码就达到400多行 ...
- iOS开发——项目实战总结&经典错误一
经典错误一 No architectures to compile for (ONLY_ACTIVE_ARCH=YES, active arch=armv7, VA 运行报错 出现的原因:armv7s ...
- iOS开发——项目实战OC篇&类QQ黏性按钮(封装)
类QQ粘性按钮(封装) 那个,先来说说原理吧: 这里原理就是,在界面设置两个控件一个按钮在上面,一个View在下面(同样大小),当我们拖动按钮的时候显示下面的View,view不移动,但是会根据按钮中 ...
- IOS开发-项目实战-点赞功能的实现
实现思路: 1.每一条新闻就是一个cell,在cell上添加点赞按钮. 2.让cell的控制器成为自定义cell的代理,将点击了哪一个cell放在代理方法中传出去. 3.并将这条新闻的ID和当前用户的 ...
- iOS开发——项目实战总结&Block使用注意点浅析
Block使用注意点浅析 1.在使用block前需要对block指针做判空处理. 不判空直接使用,一旦指针为空直接产生崩溃. if (!self.isOnlyNet) { if (succBlock ...
随机推荐
- vue2.0排序应该注意的问题
在computed里新声明了一个对象sortItems,如果不重新声明会污染原来的数据源,这是Vue不允许的,所以你要重新声明一个对象. 如果不重新声明报错: <!DOCTYPE html> ...
- 简单说一下 TCP打洞和UDP打洞
1, TCP协议通信: 现在有两台电脑A和B.在 假设A的地址为 192.168.0.100 假设B的地址为 192.168.0.102 A想给B发送一个字符串Hello, 如果A,B之间采用TCP ...
- HTML5 history API与ajax分页实例页面
<ul id="choMenu" class="rel cho_menu"> <li><a href="ajax.php ...
- linux arping-通过发送ARP协议报文测试网络
博主推荐:更多网络测试相关命令关注 网络测试 收藏linux命令大全 arping命令是用于发送arp请求到一个相邻主机的工具,arping使用arp数据包,通过ping命令检查设备上的硬件地址.能 ...
- centos6 磁盘与文件系统管理
一.磁盘管理 磁盘构成 1.圆形磁盘 2.磁盘读取头 3.机械手臂 4.主轴马达 运作原理 数据存储在具有磁性物质的圆形磁盘上,读写操作主要是通过机械手臂上的磁盘读取头来达成,实际运作时,主轴马达让磁 ...
- mysql数据库导出导入
MYSQL的命令行模式设置: 我的电脑->属性->高级系统设置->环境变量->系统变量-> 选择Path,在后面添加“;path\mysql\bin;”其中path为MY ...
- C语言学习8
计算某日是该年的第几天 编写一个计算天数的程序,用户从键盘输入年.月.日,在屏幕中输出此日期是该年的第几天. /******************************************** ...
- 杭电 2111 Saving HDU (贪心)
Description 话说上回讲到海东集团面临内外交困,公司的元老也只剩下XHD夫妇二人了.显然,作为多年拼搏的商人,XHD不会坐以待毙的. 一天,当他正在苦思冥想解困良策的时候,突然想到了自己 ...
- 立方体 反射 CubeMap
立方体反射(CubeMap) 在虚拟环境中,我们需要模拟材质球反射周围的环境,立方体反射正是让材质球反射出天空盒的背景的方法之一. 原理 当我们观察物体时,物体表面足够光滑,再视线方向和物体相交的点上 ...
- Git 与其他系统 - Git 与 Subversion
https://git-scm.com/book/zh/v1/Git-%E4%B8%8E%E5%85%B6%E4%BB%96%E7%B3%BB%E7%BB%9F-Git-%E4%B8%8E-Subve ...