第一部分 scrollView部分代理
scrollView在平常的开发中也是经常用到,本篇主要讲述的是它的部分代理以及控件缩放效果的实现。
scrollview的代理主要有以下几个
@protocol UIScrollViewDelegate<NSObject>
@optional
- (void)scrollViewDidScroll:(UIScrollView *)scrollView; // any offset changes
- (void)scrollViewDidZoom:(UIScrollView *)scrollView NS_AVAILABLE_IOS(3_2); // any zoom scale changes
// called on start of dragging (may require some time and or distance to move)
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
// called on finger up if the user dragged. velocity is in points/millisecond. targetContentOffset may be changed to adjust where the scroll view comes to rest
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS(5_0);
// called on finger up if the user dragged. decelerate is true if it will continue moving afterwards
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView; // called on finger up as we are moving
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView; // called when scroll view grinds to a halt
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView; // called when setContentOffset/scrollRectVisible:animated: finishes. not called if not animating
- (nullable UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView; // return a view that will be scaled. if delegate returns nil, nothing happens
- (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view NS_AVAILABLE_IOS(3_2); // called before the scroll view begins zooming its content
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(nullable UIView *)view atScale:(CGFloat)scale; // scale between minimum and maximum. called after any 'bounce' animations
- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView; // return a yes if you want to scroll to the top. if not defined, assumes YES
- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView; // called when scrolling animation finished. may be called immediately if already at top
@end
但是说实话,看着一大堆的代码,心情应该就不会太舒坦,是我我也不想看,那我在这里就列举几个平时常用的方法。
- one
只要scrollview开始被拖动,立马会执行这个方法,这个常用于监听scrollview的运动
/**
* 拖拽的时候调用
*/
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
NSLog(@"scrollview正在被拖拽,这句话应该满屏出现呢");
}
- two
/**
* 即将开始拖拽的时候调用
*/
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
NSLog(@"scrollView就要被拖拽了啊,你瞅着点啊");
}
- three
/**
* 结束拖拽的时候调用
*/
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
NSLog(@"都结束拖拽了,你歇会");
}
- four
/**
* 停止滚动的时候调用
*/
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
NSLog(@"停止滚动了啊");
}
以上四个代理方法是在监听scrollview运动时常用到的方法。其实作为新手的我们,在设置代理了之后呢,可以将以上的一些不懂的方法一个一个的拿出来试试看,或者是按住option,点击方法名,弹出来的一些英文解释,大家可以拿进翻译器里翻译一下,这样就能明白方法是干什么用的,里面的参数是什么。
第二部分 控件缩放
顺带呢,我把那个在scrollview上的控件缩放demo也添加进来。把以上的代理方法也添加进这个demo,大家可以很明显的看出来什么时候方法会被调用。当然,在scrollview拖拽的时候,-(void)scrollViewDidScroll:(UIScrollView *)scrollView方法被调用的太频繁了。所以打印的内容可以忽略。
下面我们进入控件缩放内容简单的写一下。
效果大致是下面图片显示的那样子。
-
正常界面
-
放大界面
-
缩小界面
实现过程比较简单:
-- 第一步 设置控件,位置等基本属性
@interface ViewController ()
@property (strong, nonatomic) IBOutlet UIScrollView *scrollView;//scrollView控件
@property (strong, nonatomic) UIImageView *imageView;//图片控件
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
//scrollview控件是用storyboard拖进来的,imageView是代码添加
self.imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"ace"]];
[self.scrollView addSubview:self.imageView];
self.scrollView.backgroundColor = [UIColor lightGrayColor];
self.scrollView.contentSize = self.imageView.image.size;
}
-- 第二步 遵守协议,设置代理
@interface ViewController ()<UIScrollViewDelegate>
//设置代理
self.scrollView.delegate = self;
--第三步 设置缩放的内容
/**
这个方法的返回值决定了要缩放的内容(返回值只能是UIScrollview的子控件)
*/
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return self.imageView;
}
tips:注意这里,上面的这个方法返回值是UIVIew,也就说可以返返回几乎所有控件,你可以返回button,也可以返回其他的控件,在这里,因为我缩放的是图片,所以返回的是imageView
以上方法设置好了,说明imageVIew是已经可以缩放的,但是运行起来是没有效果的,还缺了最重要的一个步骤。那就是设置缩放的比例。
- The most important step!!设置缩放的比例。
- The most important step!!设置缩放的比例。
- The most important step!!设置缩放的比例。
重要的话说三遍。
设置的方法很简单,就是设置能放大多少倍,和缩小多少倍。
//设置缩放比例
self.scrollView.maximumZoomScale = 2.0;
self.scrollView.minimumZoomScale = 0.2;
这样整个小demo算是圆满结束。顺便可以将最上面写的一些代理方法加进去,这样运行起来不仅可以放大缩小,也可以试试看代理方法都有什么作用。
这里把链接奉上。scrollViewDelegate-2有什么问题大家请留言跟我交流,互相学习。