普通的 UIView 不具备滚动功能,不能显示过多的内容。UIScrollView 是一个能够滚动的视图控件,可用来展示大量的内容。
UIScrollView 的简单使用:
1)将需要展示的内容添加到 UIScrollView 中;
2)设置 UIScrollView 的 contentSize 属性,指定可滚动的范围。
可用属性:
1) @property(nonatomic) CGPoint contentOffset; 表示 UIScrollView 滚动的位置。
2) @property(nonatomic) CGSize contentSize; 表示 UIScrollView 的滚动范围。
3) @property(nonatomic) UIEdgeInsets contentInset; 在 UIScrollView 的四周增加额外的滚动区域。
4) @property(nonatomic) BOOL bounces; 设置 UIScrollView 是否需要弹簧效果。
5) @property(nonatomic, getter=isScrollEnabled) BOOL scrollEnabled; 设置 UIScrollView 是否能滚动。
6) @property(nonatomic) BOOL showsHorizontalScrollIndicator; 是否显示水平滚动条。
7) @property(nonatomic) BOOL showsVerticalScrollIndicator; 是否显示垂直滚动条。
如下为几个属性代表的坐标示意图:
1) UIScrollView 的 frame 指可视范围, contentSize 是滚动范围。
2) contentSize 属性只能使用代码设置。
实例演示:
新建一个Single View Application,在 ViewController 类扩展中添加一个私有的 UIScrollView 属性,代码如下:
//ViewController.m
@interface ViewController ()
{
UIScrollView *_scrollView;
}
@end
修改 viewDidLoad 方法,实现 UIScrollView 的添加与显示:
//ViewController.m
- (void)viewDidLoad {
[super viewDidLoad];
//创建UIScrollView
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = CGRectMake(, , , );
scrollView.backgroundColor = [UIColor grayColor];
[self.view addSubview:scrollView]; //创建UIImageView
UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:@"picture.jpg"];
CGFloat imageWidth = imageView.image.size.width;
CGFloat imageHeight = imageView.image.size.height;
imageView.frame = CGRectMake(, , imageWidth, imageHeight);
[scrollView addSubview:imageView]; //设置UIScrollView的属性
scrollView.contentSize = imageView.image.size;
scrollView.showsHorizontalScrollIndicator = YES;
scrollView.showsVerticalScrollIndicator = YES;
scrollView.contentInset = UIEdgeInsetsMake(, , , );
_scrollView = scrollView;
}- (void)viewDidLoad {
[super viewDidLoad];
//创建UIScrollView
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = CGRectMake(, , , );
scrollView.backgroundColor = [UIColor grayColor];
[self.view addSubview:scrollView]; //创建UIImageView
UIImageView *imageView = [[UIImageView alloc] init];
imageView.image = [UIImage imageNamed:@"picture.jpg"];
CGFloat imageWidth = imageView.image.size.width;
CGFloat imageHeight = imageView.image.size.height;
imageView.frame = CGRectMake(, , imageWidth, imageHeight);
[scrollView addSubview:imageView]; //设置UIScrollView的属性
scrollView.contentSize = imageView.image.size;
scrollView.showsHorizontalScrollIndicator = YES;
scrollView.showsVerticalScrollIndicator = YES;
scrollView.contentInset = UIEdgeInsetsMake(, , , );
_scrollView = scrollView;
}