纯Swift使用核心动画一个ImageView实现轮播图,仅4步

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看240 回复回复3 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 240|回复: 3
收起左侧

纯Swift使用核心动画一个ImageView实现轮播图,仅4步

[复制链接]
young 发表于 2016-7-11 15:26:46 | 显示全部楼层 |阅读模式
快来登录
获取最新的苹果动态资讯
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码

纯Swift,使用核心动画,一个ImageView就实现了轮播图,仅需四步。

先看效果:

Swift使用核心动画一个ImageView实现轮播图

纯Swift使用核心动画一个ImageView实现轮播图,仅4步 - 敏捷大拇指 - Swift使用核心动画一个ImageView实现轮播图





1、定义所需要的属性

[Swift] 纯文本查看 复制代码
@IBOutlet weak var imageV: UIImageView!//ib拖得
var array : NSArray?;
var index : NSInteger?;
var pageContoller : UIPageControl?;





2、初始化数属性和控件

[Swift] 纯文本查看 复制代码
    index = 0;
    array = ["aion01.jpg","aion02.jpg","aion03.jpg","aion04.jpg","aion05.jpg","aion06.jpg","aion07.jpg","aion08.jpg","aion09.jpg","aion10.jpg"];
    imageV.image = UIImage(named: (array?.firstObject)! as! String);
    imageV.userInteractionEnabled = true;
    addSwipGesture();
    addPageController();
    NSTimer.scheduledTimerWithTimeInterval(3, target: self, selector: "timeAction:", userInfo: nil, repeats: true);





3、添加控件和手势

[Swift] 纯文本查看 复制代码
//添加pageController
func addPageController(){
    pageContoller = UIPageControl(frame: CGRectMake(0,imageV.frame.origin.y + imageV.bounds.size.height-30,imageV.bounds.size.width,30));
    pageContoller?.numberOfPages = (array?.count)!;
    pageContoller?.currentPage = 0;
    pageContoller?.pageIndicatorTintColor = UIColor.orangeColor();
    pageContoller?.currentPageIndicatorTintColor = UIColor.whiteColor();
    self.view.addSubview(pageContoller!);
}

//添加手势
func addSwipGesture(){

    let leftSwip = UISwipeGestureRecognizer(target: self, action: "swipAction:");
    leftSwip.direction = UISwipeGestureRecognizerDirection.Left;
    imageV.addGestureRecognizer(leftSwip);

    let rightSwip = UISwipeGestureRecognizer(target: self, action: "swipAction:");
    rightSwip.direction = UISwipeGestureRecognizerDirection.Right;
    imageV.addGestureRecognizer(rightSwip);

}





4、计时器和手势及动画调用的方法

[Swift] 纯文本查看 复制代码
//计时器调用的方法
func timeAction(time:NSTimer){
    leftAnimationAction();
}
//手势调用的方法
func swipAction(swip:UISwipeGestureRecognizer){

    if swip.direction == UISwipeGestureRecognizerDirection.Left{
        leftAnimationAction();
    }else if swip.direction == UISwipeGestureRecognizerDirection.Right{
        rightAnimationAction();
    }

}
//左划方法
func leftAnimationAction(){
    index = index! + 1;
    if index! > (array?.count)! - 1{
        self.index = 0;
    }

    imageV.image = UIImage(named: (array![index!]) as! String);
    addAnimation(1);

}
//右划方法
func rightAnimationAction(){

    index = index! - 1;
    if index! < 0{
        self.index = (array?.count)! - 1;
    }
    imageV.image = UIImage(named: (array![index!]) as! String);
    addAnimation(0);

}
//添加动画
func addAnimation(isLeft : NSInteger){
    let animation = CATransition();
    animation.duration = 0.4;
    animation.type = "push";
    if isLeft == 1{
        animation.subtype = kCATransitionFromRight;
    }else{
        animation.subtype = kCATransitionFromLeft;
    }
    imageV.layer.addAnimation(animation, forKey: "transition");

    pageContoller?.currentPage = index!;

}





作者:贝尔特伦

都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 收起 理由
Anewczs + 10 推送上首页了~分享到朋友圈微博QQ空间吧~.

查看全部评分

firefighter 发表于 2016-7-11 21:20:41 | 显示全部楼层
不错,我来试试~
290920392@q.com 发表于 2016-7-18 12:34:39 | 显示全部楼层
不错,学习学习
cocoaswift 发表于 2016-7-18 13:53:15 | 显示全部楼层

同赞!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表