iOS开发之UI_UIScrollView(下)
2015-09-22 10:21
567 查看
【UIScrollView实现无限滚动的相册】
·无限滚动的相册的原理就是利用UIScrollView来实现图片可以左右两个方向滚动(也可以上下两个方向滚动),与单方向滚动不同的是,两个方向的滚动为了达到滚动效果的流畅,一般选择在一组图片之前(第一张图片之前)先添加最后一张图片,在最后一张图片后面添加第一张图片,添加的这两张图片的目的是为了在偏移量到添加的两张图片的时候,可以做出判断,进而设置偏移量使视图滚动到对应的图片位置。
1.创建一个UIScrollView并完成相关的设置
self.scrollView = [[UIScrollView
alloc] initWithFrame:CGRectMake(0,
0, WIDTH,
HEIGHT)];
self.scrollView.backgroundColor = [UIColor
orangeColor];
[self.view
addSubview:self.scrollView];
[self.scrollView
release];
self.scrollView.contentSize =
CGSizeMake(9 *
WIDTH, HEIGHT);
self.scrollView.pagingEnabled =
YES;// 按照页进行滚动
self.scrollView.bounces =
NO;// 设置边界回弹效果
2.添加最后一张图片到第一个视图的位置
UIImageView *firstImage = [[UIImageView
alloc] initWithFrame:CGRectMake(0,
0, WIDTH,
HEIGHT)];
firstImage.image = [UIImage
imageNamed:@"h7.jpeg"];
[self.scrollView
addSubview:firstImage];
[firstImage release];
firstImage.userInteractionEnabled =
YES;
3.添加组图中的7张图片到UIScrollView中
for (NSInteger i =
1; i < 8; i++) {
NSString *imageName = [NSString
stringWithFormat:@"h%ld.jpeg", i];
UIImageView *imageView = [[UIImageView
alloc] initWithFrame:CGRectMake(WIDTH * i,
0, WIDTH,
HEIGHT)];
imageView.image = [UIImage
imageNamed:imageName];
[self.scrollView
addSubview:imageView];
[imageView release];
imageView.userInteractionEnabled =
YES;
}
4.添加第一张图片到最有一个页面
UIImageView *lastImage = [[UIImageView
alloc] initWithFrame:CGRectMake(8 *
WIDTH, 0,
WIDTH, HEIGHT)];
lastImage.image = [UIImage
imageNamed:@"h1.jpeg"];
[self.scrollView
addSubview:lastImage];
[lastImage release];
lastImage.userInteractionEnabled =
YES;
5.为了能显示第一张图片我们需要先设置一个偏移量,这样能够直接显示第一张图片
self.scrollView.contentOffset =
CGPointMake(WIDTH,
0);
6.签订UIScrollViewDelegate协议,设置代理人self.scrollView.delegate =
self;
// 实现方法滑动结束,触发的协议方法
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
if (self.scrollView.contentOffset.x ==
8 * WIDTH) {
self.scrollView.contentOffset =
CGPointMake(1 *
WIDTH, 0);
} else
if (self.scrollView.contentOffset.x ==
0) {
self.scrollView.contentOffset =
CGPointMake(7 *
WIDTH, 0);
}
}
·无限滚动的相册的原理就是利用UIScrollView来实现图片可以左右两个方向滚动(也可以上下两个方向滚动),与单方向滚动不同的是,两个方向的滚动为了达到滚动效果的流畅,一般选择在一组图片之前(第一张图片之前)先添加最后一张图片,在最后一张图片后面添加第一张图片,添加的这两张图片的目的是为了在偏移量到添加的两张图片的时候,可以做出判断,进而设置偏移量使视图滚动到对应的图片位置。
1.创建一个UIScrollView并完成相关的设置
self.scrollView = [[UIScrollView
alloc] initWithFrame:CGRectMake(0,
0, WIDTH,
HEIGHT)];
self.scrollView.backgroundColor = [UIColor
orangeColor];
[self.view
addSubview:self.scrollView];
[self.scrollView
release];
self.scrollView.contentSize =
CGSizeMake(9 *
WIDTH, HEIGHT);
self.scrollView.pagingEnabled =
YES;// 按照页进行滚动
self.scrollView.bounces =
NO;// 设置边界回弹效果
2.添加最后一张图片到第一个视图的位置
UIImageView *firstImage = [[UIImageView
alloc] initWithFrame:CGRectMake(0,
0, WIDTH,
HEIGHT)];
firstImage.image = [UIImage
imageNamed:@"h7.jpeg"];
[self.scrollView
addSubview:firstImage];
[firstImage release];
firstImage.userInteractionEnabled =
YES;
3.添加组图中的7张图片到UIScrollView中
for (NSInteger i =
1; i < 8; i++) {
NSString *imageName = [NSString
stringWithFormat:@"h%ld.jpeg", i];
UIImageView *imageView = [[UIImageView
alloc] initWithFrame:CGRectMake(WIDTH * i,
0, WIDTH,
HEIGHT)];
imageView.image = [UIImage
imageNamed:imageName];
[self.scrollView
addSubview:imageView];
[imageView release];
imageView.userInteractionEnabled =
YES;
}
4.添加第一张图片到最有一个页面
UIImageView *lastImage = [[UIImageView
alloc] initWithFrame:CGRectMake(8 *
WIDTH, 0,
WIDTH, HEIGHT)];
lastImage.image = [UIImage
imageNamed:@"h1.jpeg"];
[self.scrollView
addSubview:lastImage];
[lastImage release];
lastImage.userInteractionEnabled =
YES;
5.为了能显示第一张图片我们需要先设置一个偏移量,这样能够直接显示第一张图片
self.scrollView.contentOffset =
CGPointMake(WIDTH,
0);
6.签订UIScrollViewDelegate协议,设置代理人self.scrollView.delegate =
self;
// 实现方法滑动结束,触发的协议方法
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
if (self.scrollView.contentOffset.x ==
8 * WIDTH) {
self.scrollView.contentOffset =
CGPointMake(1 *
WIDTH, 0);
} else
if (self.scrollView.contentOffset.x ==
0) {
self.scrollView.contentOffset =
CGPointMake(7 *
WIDTH, 0);
}
}
相关文章推荐
- NGUI基本控件制作
- comparison of floating point numbers with equality operator. possible loss of precision while rounding values
- 我的Android进阶之旅------>adbd cannot run as root in production builds 的解决方法
- does not contain bitcode. You must rebuild it with bitcode enabled (Xcode setting ENABLE_BITCODE
- (绝对有用)iOS获取UUID,并使用keychain存储
- Java String与StringBuffer、StringBuilder的区别
- [UI基础]day01(代码)
- Servlet生命周期方法,request.getRequestDispatcher
- 源码推荐(9.22):利用UIScrollView实现几个页面的切换,纯代码实现水滴和波浪动画
- iOS软件开发 设置UITextView输入内容位置从左上角开始
- iOS开发之UI_UIScrollView(上)
- easyUI之datebox
- IOS巅峰之UICollectionView详解
- Servlet中The requested resource is not available错误
- 【android】uiselectoer 自动化测试
- UIAlertAction 和UIAlertController (UIAlertViewUIActionSheet)
- The requested URL /nagios/cgi-bin/statusmap.cgi was not found on this server
- UIButton的竖排图片和文本
- QtQuick学习笔记(三)组件
- UITouch