iOS-图片轮播-SDCycleSCrollView的使用
介绍: SDCycleScrollView 是一款非常强大的轮播图第三方. 轮播流畅,手滑流畅.使用方便.自定义简单. 可以更改pageControl.
一. Demo地址 https://pan.baidu.com/disk/home#list/path=%2F总结%2FDemo-图片轮播
二.效果截图.
三.代码.
#import "ViewController.h" #import "Masonry.h" #import "SDCycleScrollView.h" #define kWidth [UIScreen mainScreen].bounds.size.width @interface ViewController () <SDCycleScrollViewDelegate> @property (nonatomic, strong) UIImageView * bgImageView;
@property (nonatomic, strong) UIScrollView * bgScrollView; // 本地图片
@property (nonatomic, strong) SDCycleScrollView * localCycleScrollView; // 网络图片
@property (nonatomic, strong) SDCycleScrollView * webCycleScrollView; // 自定义pageControl
@property (nonatomic, strong) SDCycleScrollView * customCycleScrollView; // 跑马灯效果
@property (nonatomic, strong) SDCycleScrollView * textCycleScrollView; @end /** 滚动控制接口
1. autoScrollTimeInterval 自动滚动间隔,默认为2s.
2. infiniteLoop 是否无限循环.
3. autoScroll 是否滚动设置.
4. scrollDirection 图片滚动方向.
5. delegate 设置代理.
6. adjustWhenControllerViewWillAppera 解决viewWillAppear时出现时轮播图卡在一半的问题,在控制器viewWillAppear时调用此方法
7.
*/ /** 自定义样式接口
1. bannerImageViewContentMode 轮播图的ContentMode,默认为UIViewContentModeScaleToFill
2. placeholderImage 占位图 用于网络
3. showPageControl 是否显示分页控件
4. hidesForSinglePage 是否在只有一张图片时隐藏pageControl,默认为Yes.
5. onlyDisplayText 只显示文字轮播
6. pageControlStyle 样式. 默认为动画样式
7. pageControlAliment 分页控件的位置
8. pageControlBottomOffset 分页控件距离轮播图的右边间距.
9. pageControlDotSize 分页控件小圆标的大小
10. currentPageDotColor当前分页控件小圆标颜色
11. currentPageDotImage 当前分页控件小圆标的图片
12. pageDotImage 其他分页控件小圆标图片
13. titleLabelTextColor 轮播文字label字体颜色
14. titleLabelTextFont 轮播文字label的字体大小
15. titleLabelBackgroundColor 轮播文字label背景颜色
16. titleLabelHeight 轮播文字字体高度
*/ /** 清除缓存
1. clearImagesCache
[SDCycleScrollView clearImagesCache];
*/ @implementation ViewController #pragma mark - 生命周期
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated]; // 如果你发现你的CycleScrollview会在viewWillAppear时图片卡在中间位置,你可以调用此方法调整图片位置
// [你的CycleScrollview adjustWhenControllerViewWillAppera];
} - (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
} #pragma mark viewDidLoad
- (void)viewDidLoad
{
[super viewDidLoad]; [self basicSetting]; [self addBgModule]; // 本地存储的图片
[self local_storage]; // 网络图片
[self webImage]; [self cuatomPageControl]; [self onlyText];
} #pragma mark - 系统代理
#pragma mark SDCycleScrollViewDelegate // 点击图片代理方法
- (void)cycleScrollView:(SDCycleScrollView *)cycleScrollView didSelectItemAtIndex:(NSInteger)index
{
NSLog(@"---点击了第%ld张图片", (long)index); // 清理缓存
[SDCycleScrollView clearImagesCache]; } // 滚动到第几张图片的回调
-(void)cycleScrollView:(SDCycleScrollView *)cycleScrollView didScrollToIndex:(NSInteger)index
{
NSLog(@">>>>>> 滚动到第%ld张图", (long)index);
} #pragma mark - 点击事件 #pragma mark - 实现方法
#pragma mark 基本设置
- (void)basicSetting
{
self.title = @"";
} - (void)addBgModule
{
[self.view addSubview:self.bgImageView];
[self.bgImageView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.mas_equalTo(self.view).with.insets(UIEdgeInsetsMake(, , , ));
}]; [self.view addSubview:self.bgScrollView];
[self.bgScrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.edges.mas_equalTo(self.view).with.insets(UIEdgeInsetsMake(, , , ));
}];
} - (void)local_storage
{ [self.bgScrollView addSubview:self.localCycleScrollView];
[self.localCycleScrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(self.bgScrollView).with.offset();
make.width.mas_equalTo(kWidth);
make.top.mas_equalTo(self.bgScrollView).with.offset();
make.height.mas_equalTo();
}];
} - (void)webImage
{
[self.bgScrollView addSubview:self.webCycleScrollView];
[self.webCycleScrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(self.bgScrollView).with.offset();
make.width.mas_equalTo(kWidth);
make.top.mas_equalTo(self.localCycleScrollView.mas_bottom).with.offset();
make.height.mas_equalTo();
}];
} - (void)cuatomPageControl
{
[self.bgScrollView addSubview:self.customCycleScrollView];
[self.customCycleScrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(self.bgScrollView).with.offset();
make.width.mas_equalTo(kWidth);
make.top.mas_equalTo(self.webCycleScrollView.mas_bottom).with.offset();
make.height.mas_equalTo();
}];
} - (void)onlyText
{
[self.bgScrollView addSubview:self.textCycleScrollView];
[self.textCycleScrollView mas_makeConstraints:^(MASConstraintMaker *make) { make.left.mas_equalTo(self.bgScrollView).with.offset();
make.width.mas_equalTo(kWidth);
make.top.mas_equalTo(self.customCycleScrollView.mas_bottom).with.offset();
make.height.mas_equalTo();
}];
} #pragma mark - setter & getter - (UIImageView *)bgImageView
{
if (!_bgImageView)
{
self.bgImageView = [[UIImageView alloc] init];
self.bgImageView.image = [UIImage imageNamed:@"005.jpg"];
}
return _bgImageView;
} - (UIScrollView *)bgScrollView
{
if (!_bgScrollView)
{
self.bgScrollView = [[UIScrollView alloc] init];
self.bgScrollView.backgroundColor = [UIColor clearColor]; self.bgScrollView.contentSize = CGSizeMake(kWidth, );
}
return _bgScrollView;
} #pragma mark 轮播
- (SDCycleScrollView *)localCycleScrollView
{
if (!_localCycleScrollView)
{
NSArray * localImageArray = @[@"h1.jpg",
@"h2.jpg",
@"h3.jpg",
@"h4.jpg",
@"h7" // 本地图片请填写全名
]; self.localCycleScrollView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectZero shouldInfiniteLoop:YES imageNamesGroup:localImageArray];
self.localCycleScrollView.delegate = self;
self.localCycleScrollView.scrollDirection = UICollectionViewScrollDirectionHorizontal;
self.localCycleScrollView.autoScrollTimeInterval = ;
}
return _localCycleScrollView;
} - (SDCycleScrollView *)webCycleScrollView
{
if (!_webCycleScrollView)
{
self.webCycleScrollView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectZero delegate:self placeholderImage:[UIImage imageNamed:@"placeholder"]]; // 分页控件的位置
self.webCycleScrollView.pageControlAliment = SDCycleScrollViewPageContolAlimentRight; // 标题
self.webCycleScrollView.titlesGroup = @[@"",@"",@""]; // 网络图片数组
NSArray * imagesURLStrings = @[@"",@"",@"http://pic1.win4000.com/wallpaper/4/510f446941311.jpg"];
self.webCycleScrollView.imageURLStringsGroup = imagesURLStrings; }
return _webCycleScrollView;
} - (SDCycleScrollView *)customCycleScrollView
{
if (!_customCycleScrollView)
{
self.customCycleScrollView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectZero delegate:self placeholderImage:[UIImage imageNamed:@"placeholder"]]; self.customCycleScrollView.currentPageDotImage = [UIImage imageNamed:@"pageControlCurrentDot"];
self.customCycleScrollView.pageDotImage = [UIImage imageNamed:@"pageControlDot"]; // 网络图片数组
NSArray *imagesURLStrings = @[
@"https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/super/whfpf%3D425%2C260%2C50/sign=a4b3d7085dee3d6d2293d48b252b5910/0e2442a7d933c89524cd5cd4d51373f0830200ea.jpg",
@"https://ss0.baidu.com/-Po3dSag_xI4khGko9WTAnF6hhy/super/whfpf%3D425%2C260%2C50/sign=a41eb338dd33c895a62bcb3bb72e47c2/5fdf8db1cb134954a2192ccb524e9258d1094a1e.jpg",
@"http://c.hiphotos.baidu.com/image/w%3D400/sign=c2318ff84334970a4773112fa5c8d1c0/b7fd5266d0160924c1fae5ccd60735fae7cd340d.jpg"
];
self.customCycleScrollView.imageURLStringsGroup = imagesURLStrings;
}
return _customCycleScrollView;
} - (SDCycleScrollView *)textCycleScrollView
{
if (!_textCycleScrollView)
{
self.textCycleScrollView = [SDCycleScrollView cycleScrollViewWithFrame:CGRectZero delegate:self placeholderImage:nil]; self.textCycleScrollView.scrollDirection = UICollectionViewScrollDirectionVertical;
self.textCycleScrollView.onlyDisplayText = YES; self.textCycleScrollView.titlesGroup = @[@"第一个",@"第二个",@"第三个"];
}
return _textCycleScrollView;
} @end
设置默认展示第几个
1. SDCycleScrollView.h文件里面添加一个初始化属性
@property(nonatomic,assign)NSUInteger firstIndex;//滚动的起始页
2. SDCycleScrollView.m里面的layoutSubviews方法添加
if(self.firstIndex !=0){
[_mainView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:self.firstIndex inSection:0] atScrollPosition:UICollectionViewScrollPositionNone animated:NO];
}
iOS-图片轮播-SDCycleSCrollView的使用的更多相关文章
- iOS 图片轮播图(自动滚动)
iOS 图片轮播图(自动滚动) #import "DDViewController.h" #define DDImageCount 5 @interface DDViewContr ...
- IOS 图片轮播实现原理 (三图)
IOS 图片轮播实现原理的一种 图片轮播所要实现的是在一个显示区域内通过滑动来展示不同的图片. 当图片较少时我们可以采用在滚动视图上添加很多张图片来实现. 但是如果图片数量较多时,一次性加载过多图片会 ...
- ios图片轮播效果
代码地址如下:http://www.demodashi.com/demo/11959.html ImageCarousel 简单封装的图片轮播器 内存过大由于我加载的图片分辨率较高(4k) 文件目录 ...
- iOS图片轮播
基于ScrollView的图片播放 ScrollView的方法 NSTime的循环 UIPageControl的运用 委托方法 基于iphone5 未做屏幕的适配 import "ViewC ...
- iOS 简易无限滚动的图片轮播器-SDCycleScrollView
@interface ViewController () <</span>SDCycleScrollViewDelegate> @end @implementation Vie ...
- iOS开发UI篇—UIScrollView控件实现图片轮播
iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播 二.实现代码 storyboard中布局 代码: #import "YYV ...
- IOS第六天(3:scrollView 图片轮播器)
IOS第六天(3:scrollView 图片轮播器) #import "HMViewController.h" #define kImageCount 5 @interface H ...
- 【转】 iOS开发UI篇—UIScrollView控件实现图片轮播
原文:http://www.cnblogs.com/wendingding/p/3763527.html iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播 ...
- iOS开发项目实战——Swift实现图片轮播与浏览
近期開始开发一个新的iOS应用,自己决定使用Swift.进行了几天之后,发现了一个非常严峻的问题.那就是无论是书籍,还是网络资源,关于Swift的实在是太少了,随便一搜全都是OC实现某某某功能.就算是 ...
- ios之无限 自动 图片轮播器的实现
比较之前发布的手动无限图片轮播器进行了改进.实现了自动无限轮播的功能.比较适合团购标题分类下面的轮播器功能. 实现思路: * 开启一个定时器,把操作放入消息循环池.每隔一定时间,操作执行一次. * 注 ...
随机推荐
- iOS:界面适配(三)--iPhone不同机型适配 6/6plus 前
转:http://blog.csdn.net/houseq/article/details/40051207 对于不同苹果设备,各个参数查看<iOS:机型参数.sdk.xcode各版本>. ...
- git的几十个基本面
1.下载git?git-scm.com 2.获取帮助git helpgit help config 3.什么是Git?版本控制系统,Version Control System, VCS.它允许我们提 ...
- GDAL 遥感图像处理后的数据保存为图像文件的实现方法
在遥感图像处理中,GDAL库不仅能读取和处理大部分的遥感图像数据,而且还能够实现图像处理后将数据保存为图像的功能. 本文就详细介绍如何将内存中的图像数据保存为.tif格式. 首先,遥感数据处理完,保存 ...
- 内部通信服务Factory(WCF)
WCF,很好,却又麻烦,很多时候不想用WCF的原因就是:用这个真麻烦... 麻烦的地方,比如: 一堆一堆的服务配置,散落在一个一个的folder下,更新系统时容易出错 客户端除了要知道WCF Cont ...
- Android--Sensor传感器
前言 Android提供了对设备传感器的支持,只要Android设备的硬件提供了这些传感器,Android应用可以通过传感器来获取设备的外界条件,包括手机的运行状态.当前摆放的方向等.Android系 ...
- Linux每天定时重启Tomcat服务
1:查看crond 服务状态(确认Linux任务计划服务开启) service crond status crond (pid 1937) is running... 2:编写重启Tomcat的sh ...
- 通过 SSH 隧道方式图形化连接 AIX 服务器
跳转到主要内容 登录 (或注册) 中文 [userid] IBM ID: 密码: 保持登录. 单击提交则表示您同意developerWorks 的条款和条件. 查看条款和条件. 需要一个 IBM ID ...
- NVelocity-0.4.2.8580 的修改记录[发个vs2008能用的版本] -- "It appears that no class was specified as the ResourceManager..." bug 修正等
因为另有开发记录工具最新没怎么在 cnblog 写开发备忘.不过我觉得这个是个比较严重的问题,觉得有必要让更多的人知道处理方法,所以在 cnblog 也放上一篇希望广为传播. 因为现在网络上vs200 ...
- Notes on how to use Webots, especially how to make a robot fly in the air
How to create a new project Wizard - New project directory Scene Tree Scene tree is a representati ...
- SAP GUI SAPLOGON.INI
GUI是SAP系统最常用的客户端,在一台客户机上,利用GUI可以连接多套SAP系统(连接方法参见<客户端连接配置(SAP GUI 710)>),也可以设置多个快捷方式登录(参见<用快 ...