#ifndef W_H_
#define W_H_
// 获取屏幕的宽度
#define WIDTH [UIScreen mainScreen].bounds.size.width
// UIScrollView和UIImageView的高度
#define HEIGHT 180
#endif
#import "ViewController.h"
@interface ViewController ()<UIScrollViewDelegate>{
UIScrollView *myScrollView;
// 左边图片
UIImageView *leftImageView;
// 中间图片
UIImageView *centerImageView;
// 右边图片
UIImageView *rightImageView;
NSArray *imageNameArray;
// 数组下标
NSInteger index;
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor yellowColor];
// 将图片添加到数组中
imageNameArray = @[@"1.jpg", @"2.jpg", @"3.jpg", @"4.jpg", @"5.jpg", @"6.jpg", @"7.jpg", @"8.jpg", @"9.jpg", @"10.jpg"];
index = 0;
[self creatScrollView];
[self addImageViews];
}
// 创建UIScrollView
- (void) creatScrollView{
myScrollView = [[UIScrollView alloc]init];
myScrollView.frame = CGRectMake(0, 100, WIDTH, HEIGHT);
// 指定UIScrollView的contentSize
myScrollView.contentSize = CGSizeMake(3 * WIDTH, HEIGHT);
// contentSize的偏移量始终在中间
myScrollView.contentOffset = CGPointMake(WIDTH , 0);
myScrollView.pagingEnabled = YES;
// 绑定委托
myScrollView.delegate = self;
[self.view addSubview:myScrollView];
}
-(void)addImageViews{
leftImageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)];
leftImageView.image = [UIImage imageNamed:imageNameArray[imageNameArray.count - 1]];
[myScrollView addSubview:leftImageView];
centerImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH, 0, WIDTH, HEIGHT)];
centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
[myScrollView addSubview:centerImageView];
rightImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH * 2, 0, WIDTH, HEIGHT)];
rightImageView.image = [UIImage imageNamed:imageNameArray[index + 1]];
[myScrollView addSubview:rightImageView];
}
#pragma mark UIScrollViewDelegate方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
[self reloadImage];
// 让UIScrollView的偏移量保持在中间位置 也就是说界面上显示的始终是UIScrollView的中间那张图片
[myScrollView setContentOffset:CGPointMake(WIDTH, 0) animated:NO];
}
// 滚动结束时获取新的图片
-(void)reloadImage{
NSInteger leftImageIndex,rightImageIndex;
CGPoint offset = [myScrollView contentOffset];
// 向右滑动
if (offset.x > WIDTH) {
index = (index + 1) % imageNameArray.count;
}
// 向左滑动
else if(offset.x < WIDTH) {
index = (index + imageNameArray.count - 1) % imageNameArray.count;
}
centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
leftImageIndex=(index + imageNameArray.count - 1) % imageNameArray.count;
leftImageView.image = [UIImage imageNamed:imageNameArray[leftImageIndex]];
rightImageIndex=(index + 1) % imageNameArray.count;
rightImageView.image = [UIImage imageNamed:imageNameArray[rightImageIndex]];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
三张图片实现轮播效果
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- UIScrollView简单使用 日常我们使用的App中我们随处可以看到很多图片轮播的例子(例如:简书App主界面...
- 看到很多应用里都有图片的轮播,正好前段时间做的项目中也用到了。 就想到要写一篇关于轮播的文章,来共享一下这个比较好...
- 关于图片轮播器的思路,大部分人会直接想到collectionView或者scrollView使用极大数设置cont...