iOS用Swipe手势和动画实现循环播放图片

iOS用Swipe手势和动画实现循环播放图片

主要想法

  • 添加3个ImageView展示图片,实现图片的无限循环。
  • 使用Swipe手势识别用户向右或向左滑动图片。
  • 使用CATransition给ImageView.layer添加动画,展示图片更换的效果。

实现

在storyboard添加三个UIImageView,用来展示图片。而数组imageArray则用来保存图片对象。

; i < ; i++) % + self.imageArray.count) % && index < count) {
    //更改middleImage展示的图片
    self.middleImage.image = self.imageArray[index];
}
}

还有,图片可以选中了之后直接拉到项目的Assets.xcassets里面

iOS用Swipe手势和动画实现循环播放图片

assets.png

最终效果如下:

iOS用Swipe手势和动画实现循环播放图片

ChangeImage.gif

其实在这个项目中,leftImage和rightImage都没有显示图片,可以去掉,为了展示有多张图片的效果,可以在middleImage后面添加一个加了边框的UIView。
而在这个项目中,有一个局限,就是transition.type 只能指定是kCATransitionReveal格式,其他的格式的过渡效果都比较差。可以使leftImage和rightImage展示图片,然后将位置调整一下,并且修改transition.type看一下效果。下面是更改为kCATransitionPush的效果。

iOS用Swipe手势和动画实现循环播放图片

更多相关文章
  • 本文章给大家介绍一篇关于iOS 画面切换的各种动画效果附私有API,希望此教程对大家会有所帮助哦.ios的画面切换的动画效果的API主要通过调用系统已定义的动画效果实现,这些效果已基本囊括开发的需求,如果需要更加复杂的效果,可以考虑CATransition来实现以下是基本的四种效果kCATransi ...
  • Instagram 新推 Boomerang 应用,让你循环播放连拍照片
    继 Hyperlapse 和 Layout 之后,Instagram 昨晚又推出了一款名为 Boomerang 的全新图片工具.跟名称所指的「回力镖」意义相似,这款应用的功能,就是将连拍照片组合成一段短片来循环播放.当然,最终的作品还是跟之前的两款软件一样,可以保存在设备内,或是直接分享至 Inst ...
  • 如题所示,在移动端页面中,html5 video标签 在IOS系统中就不能退出全屏播放?每次点击播放按钮,不能在当前窗口播放? IOS的 webview 有一个属性 allowsInlineMediaPlayback 是值 video 标签是否可以通过属性-webkit-playsinline=tr ...
  • IOS 中使用socket建立TCP连接远程获取图片,这个该怎么搞啊?对ios socket这个块不太熟 如果单纯的获取远程图片直接用 http 不行么, 请查阅开源库AFNetworking 中的UIKit 部分. 其中 UIbutton+afnetworking 和 UIImageview+af ...
  • 还有微信是调的Safari吗? iOS 4 之后的都无法做到自动播放,这是 iOS 自己做的限制.
  • 目前只会系统开启后自动播放一个视频 但不会循环播放 循环是另一个写法 还是自动播放后加一个句? XBMC单个视频似乎确实不能循环 你的/storage/.xbmc/userdata/autoexec.py应该是这样的吧: #! /usr/bin/env python import xbmc xbmc ...
  • [_tableViews deleteRowsAtIndexPaths:@[cell.indexPath] withRowAnimation:UITableViewRowAnimationLeft]; 这是一个删除行动画 是向左边滑动后 下面一天数据再向上移动 但是能不能让它滑动到左边后 停留一段时 ...
  • 想做一个持续运动的效果.采用NSTimer来计时触发动画: ```objective-c [NSTimer scheduledTimerWithTimeInterval:2.0f target:self selector:@selector(melonPush) userInfo:nil repea ...
  • AFNetworking 是 iOS 一个使用很方便的网络开发框架,本文我们来学习一个通过AFNetworking框架实现的上传文件或者图片到服务器的实例.实例中中的 XXXXXXXXXX 是根据你自己的参数填写,别忘记哦.- (void)uploadImageWithImage:(NSString ...
一周排行