XRCarouselView

图片轮播框架
授权协议 MIT
开发语言 Objective-C
所属分类 iOS代码库、 滚动视图(ScrollView)
软件类型 开源软件
地区 国产
投 递 者 程博学
操作系统 iOS
开源组织
适用人群 未知
 软件概览

XRCarouselView是一款超简单好用的图片轮播框架,仅仅两个imageView实现图片轮播。

XRCarouselView的优点

  • 文件少,代码简洁

  • 不依赖任何其他第三方库,耦合度低

  • 同时支持本地图片及网络图片

  • 可修改分页控件位置,显示或隐藏

  • 自定义分页控件的图片,就是这么个性

  • 自带图片缓存,一次加载,永久使用

  • 性能好,占用内存少,轮播流畅

如何集成XRCarouselView

手动导入

将XRCarouselView文件夹中的所有文件添加到项目中

cocoapods导入

pod 'XRCarouselView'

使用

  • 导入主头文件 XRCarouselView.h

  • 创建XRCarouselView,设置图片(路径)数组

  • 将XRCarouselView添加到要展示到view上面

XRCarouselView的常用属性方法

  • imageArray:要轮播的图片数组,可传本地图片或网络图片路径

  • time:设置每页的停留时间

  • pageContolPosition:设置分页控件的位置

  • pageControlHidden:隐藏分页控件

  • setPageImageView:andCurrentImage::设置分页控件的图片

  • void(^imageClickBlock)(NSInteger index):图片被点击后要执行的代码

效果演示

 相关资料
  • 图片轮播继承自slide插件,因此其DOM结构、事件均和slide插件相同; DOM结构默认不支持循环播放,DOM结构如下: <div class="mui-slider"> <div class="mui-slider-group"> <div class="mui-slider-item"><a href="#"><img src="1.jpg" /></a></div>

  • 本文向大家介绍图解js图片轮播效果,包括了图解js图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js图片轮播效果的实现原理,分享给大家供大家参考,具体内容如下 两种图片轮播实现方案,先来看效果对比: 方案一: 原理:将图片摆成一行,从左到右依次滚动进入视野,当滚动到最后一张时,从右到左滚动回到第一张。这么做的缺点是,滚动到最后一张时,会有一个反向,导致整个滚动过程不连贯。  

  • 本文向大家介绍js手动播放图片实现图片轮播效果,包括了js手动播放图片实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js图片轮播具体实现代码,供大家参考,具体内容如下 一、html代码部分(et.thtml): 二、css代码部分(styleet,css): 三、js代码部分(et.js): 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教

  • 本文向大家介绍js实现图片轮播效果,包括了js实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js实现图片轮播效果代码,分享给大家供大家参考,具体内容如下 运行代码如下 具体代码如下 插件是基于jQuery写的,主要实现的功能:自动播放、鼠标悬停、左右箭头控制+禁止点击 CSS样式: HTML布局( a标签最好加个title属性 ): JS脚本插件: 页面调用: 希望本文所

  • 本文向大家介绍JavaScript图片轮播代码分享,包括了JavaScript图片轮播代码分享的使用技巧和注意事项,需要的朋友参考一下 为大家分享的JavaScript图片轮播代码如下 以上就是为大家分享的JavaScript图片轮播代码,希望大家可以喜欢。

  • 本文向大家介绍Android实现图片轮播列表,包括了Android实现图片轮播列表的使用技巧和注意事项,需要的朋友参考一下 这个效果在交友app中比较常见,一般作为首页使用,顶部是一个自动轮播的ViewPager,下面放一个横向LinearLayout,最下面要放一个ListView,但是注意这三个部分都支持滑动,应该和固定在顶部的标题栏和底部的操作栏分开,也就是把ViewPager和Linear

  • 本文向大家介绍Android线程实现图片轮播,包括了Android线程实现图片轮播的使用技巧和注意事项,需要的朋友参考一下 一、实现效果 本篇文章实现了简单的图片轮播,初始化3张资源图片,初始化3秒更换一次图片背景,轮换播放。 二、知识点 Thread线程start() 、sleep();handler机制;Android 控件imageView、setBackgroundResource(id)

  • 本文向大家介绍JQuery实现图片轮播效果,包括了JQuery实现图片轮播效果的使用技巧和注意事项,需要的朋友参考一下 【原理简述】 这里大概说一下整个流程: 1,将除了第一张以外的图片全部隐藏, 2,获取第一张图片的alt信息显示在信息栏,并添加点击事件 3,为4个按钮添加点击侦听,点击相应的按钮,用fadeOut,fadeIn方法显示图片 4,设置setInterval,定时执行切换函数 【代