iOS之CAScrollLayer属性简介和使用

1、CAScrollLayer的简介

　　CAScrollLayer用于显示一个滑动图层的一部分，可以确定滑动方向和可视区域面积，限制不滑出区域外！相关属性如下：其中

/* Scroll the contents of the layer to ensure that rect 'r' is visible. */

- (void)scrollToRect:(CGRect)r;

　　不是很理解，只做自己的见解！

#import <QuartzCore/CALayer.h>

NS_ASSUME_NONNULL_BEGIN

CA_CLASS_AVAILABLE (10.5, 2.0, 9.0, 2.0)
@interface CAScrollLayer : CALayer

//改变layer的原点位置到指定点
- (void)scrollToPoint:(CGPoint)p;

//改变layer的可视区域和原点限制 r: CGRectMake(x, y, width, height)
//1、layer的bounds：{{x1, y1}, {width1, height1}}, 原点限制x1<=x && y1<=y
//2、如果layer的width >= width1,height >= height1，原点移动到指定位置就不能滑动
//如果with<width1 ,height< height1 ，可视区域宽高（width+x, height+y）
- (void)scrollToRect:(CGRect)r;

//枚举，滑动方向
@property(copy) NSString *scrollMode;

@end

@interface CALayer (CALayerScrolling)

//通过从自身到父视图查找CAScrollLayer，进行对应操作，如果没有就不做处理！
- (void)scrollPoint:(CGPoint)p;
- (void)scrollRectToVisible:(CGRect)r;

//返回layer的可视区域，就是bounds属性
@property(readonly) CGRect visibleRect;

@end

/* `scrollMode' values. */

CA_EXTERN NSString * const kCAScrollNone            //禁止滑动
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCAScrollVertically      //垂直滑动
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCAScrollHorizontally    //水平滑动
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);
CA_EXTERN NSString * const kCAScrollBoth            //无限制滑动
CA_AVAILABLE_STARTING (10.5, 2.0, 9.0, 2.0);

NS_ASSUME_NONNULL_END

 

2、CAScrollLayer的简单使用

    CALayer *contentLayer = [CALayer layer];
    contentLayer.backgroundColor = [UIColor whiteColor].CGColor;
    contentLayer.contents = (id)[UIImage imageNamed:@"pic1.jpg"].CGImage;
    contentLayer.frame = CGRectMake(0, 0, CScreenWidth, 300);
    
    CAScrollLayer *scrollLayer = [CAScrollLayer layer];
    scrollLayer.frame = CGRectMake(50, 50, CScreenWidth-100,200);
    [scrollLayer addSublayer:contentLayer];
    scrollLayer.scrollMode = kCAScrollBoth;
    scrollLayer.backgroundColor = [UIColor redColor].CGColor;
    [self.showView.layer addSublayer:scrollLayer];
//    scrollLayer.masksToBounds = NO;//默认是YES，改为NO自己可能好懂些
    self.layer = scrollLayer;
    [self.showView addGestureRecognizer:[[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGesture:)]];

- (void)panGesture:(UIPanGestureRecognizer *)pan{
    CGPoint trans = [pan translationInView:self.showView];
    CGPoint ori =self.layer.bounds.origin;
    ori = CGPointMake(ori.x-trans.x, ori.y-trans.y);
    [self.layer scrollPoint:ori];
    [self.layer scrollToRect:CGRectMake(-50, -50, 100, 100)];
    NSLog(@"=======%@",NSStringFromCGRect([self.layer visibleRect]));
    [pan setTranslation:CGPointZero inView:self.showView];
}

　　（1）原点（-50，-50），所以最大的时候左边和上面有50的距离，最小可视区域宽高是（-50+100，-50+100）

　效果图

[self.layer scrollToRect:CGRectMake(-50, -50, 100, 100)]

 

　　（2）原点（0，0），所以最大的时候左边和上面有0的距离，最小可视区域宽高是（0+100，0+100）

 

[self.layer scrollToRect:CGRectMake(0, 0, 100, 100)]

 

　　（3）原点（100，100），所以最大的时候左边和上面可以移动100的距离，最小可视区域宽高是（100+214，100+100）

 scrollLayer.masksToBounds = YES;

 

 scrollLayer.masksToBounds = NO;

[self.layer scrollToRect:CGRectMake(100, 100, 214, 100)]

 

　　（4）不设置scrollTpRect效果图

 

　　常用的是第三种，使大图layer滑动不会到边界外面！