iOS开发之UIScrollView
1、UIScrollView的用法:
(1)将需要展示的内容添加到UIScrollView中
(2)设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺寸,也就是告诉它滚动的范围(能滚多远,滚到哪里是尽头)
2、UIScrollView无法滚动的解决办法
如果UIScrollView无法滚动,可能是以下部分原因:
(1) 没有设置滚动范围contentSize
设置例如:self.scrollView.contentSize = self.myimageView.frame.size;
等价于:self.scrollView.contentSize = self. myimageView.image.size;
(2)scrollEnabled = NO
(3)没有接收到触摸事件:userInteractionEnabled = NO
(4)没有取消autolayout功能(要想scrollView滚动,必须取消autolayout)
3、UIScrollView的属性:
- @property(nonatomic) CGPoint contentOffset;
- Ø 这个属性用来表示UIScrollView滚动的位置
- @property(nonatomic) CGSize contentSize;
- Ø 这个属性用来表示UIScrollView内容的尺寸,滚动范围(能滚多远)
- @property(nonatomic) UIEdgeInsets contentInset;
- Ø 这个属性能够在UIScrollView的4周增加额外的滚动区域
-PO9
- @property(nonatomic) BOOL bounces;
- 设置UIScrollView是否需要弹簧效果
- @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
- Ø 设置UIScrollView是否能滚动
- @property(nonatomic) BOOL showsHorizontalScrollIndicator;
- Ø 是否显示水平滚动条
- @property(nonatomic) BOOL showsVerticalScrollIndicator;
- Ø 是否显示垂直滚动条
4、内容缩放
有些时候,我们可能要对某些内容进行手势缩放,如下图所示:
UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理,也就是说,要完成缩放功能的话,只需要将需要缩放的内容添加到UIScrollView中
UIScrollView的缩放原理:
当用户在UIScrollView身上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容)
当用户在UIScrollView身上使用捏合手势时,UIScrollView会调用代理的viewForZoomingInScrollView:方法,这个方法返回的控件就是需要进行缩放的控件
缩放实现步骤:
- 设置UIScrollView的id<UISCrollViewDelegate> delegate代理对象
- 设置minimumZoomScale :缩小的最小比例
- 设置maximumZoomScale :放大的最大比例
- 让代理对象实现下面的方法,返回需要缩放的视图控件
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
跟缩放相关的其他代理方法:
- Ø 缩放完毕的时候调用
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
- Ø 正在缩放的时候调用
-(void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
5、分页
只要将UIScrollView的pageEnabled属性设置为YES,UIScrollView会被分割成多个独立页面,里面的内容就能进行分页展示。分页常用于图片轮播,比如广告条、新版本特性。
一般会配合UIPageControl增强分页效果,用UIPageControl做出图片轮播下方导航小点。
UIPageControl控件常用属性如下:
- Ø 一共有多少页
@property(nonatomic) NSInteger numberOfPages;
- Ø 当前显示的页码
@property(nonatomic) NSInteger currentPage;
- Ø 只有一页时,是否需要隐藏页码指示器
@property(nonatomic) BOOL hidesForSinglePage;
- Ø 其他页码指示器的颜色
@property(nonatomic,retain) UIColor *pageIndicatorTintColor;
- Ø 当前页码指示器的颜色
@property(nonatomic,retain) UIColor *currentPageIndicatorTintColor;
6、UIScrollView的代理(delegate)
很多时候,我们想在UIScrollView正在滚动或滚动到某个位置或者停止滚动时做一些特定的操作。
要想完成上述功能,前提条件就是能够监听到UIScrollView的整个滚动过程。
当UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,给它的代理发送相应的消息,让代理得知它的滚动情况。
也就是说,要想监听UIScrollView的滚动过程,就必须先给UIScrollView设置一个代理对象,然后通过代理得知UIScrollView的滚动过程。
UIScrollView将delegate需要实现的方法都定义在了UIScrollViewDelegate协议中,因此要想成为UIScrollView的delegate,必须遵守UIScrollViewDelegate协议,然后重写协议中相应的方法,就可以监听UIScrollView的滚动过程了。
UIScrollView和控制器:
一般情况下,就设置UIScrollView所在的控制器为 UIScrollView的delegate。
设置控制器为UIScrollView的delegate有2种方法:
(1)通过代码(self就是控制器)
self.scrollView.delegate = self;
(2)通过storyboard拖线(右击UIScrollView)
例如:
#import "MJViewController.h"
@interface MJViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIImageView *minionView;
@end
// 代理 \ 委托
@implementation MJViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// 设置内容尺寸
self.scrollView.contentSize = self.minionView.frame.size;
// 设置
self.scrollView.delegate = self;
// 设置最大和最小的缩放比例
self.scrollView.maximumZoomScale = 2.0;
self.scrollView.minimumZoomScale = 0.2;
}
/**
* 当用户开始拖拽scrollView时就会调用
*/
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
NSLog(@"开始拖拽-----");
}
/**
* 只要scrollView正在滚动,就会调用
*/
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
NSLog(@"----正在滚动--%@", NSStringFromCGPoint(scrollView.contentOffset));
}
/**
* 当用户使用捏合手势的时候会调用
*
* @return 返回的控件就是需要进行缩放的控件
*/
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
NSLog(@"----开始缩放");
return self.minionView;
}
/**
* 正在缩放的时候会调用
*/
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
NSLog(@"----正在缩放");
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end