ios 小结 scrollView 与 UIEdgeInsets

因为公司的 ios 人员走光了。。于是我就转去做ios了。从来没有接触过ios。刚开始还是很困难。一直忙着 一边学习。一边赶项目。没有时间来总结一下。终于完成了项目的一个阶段。 有时间总结了。回过头 看着以前刚学习的笔记。 又觉的太幼稚了。。不知道写些什么好。 想来想去 就随便写写工作中遇到的问题。已经花了一点时间才弄明白的东西吧。

首先就是这个UIEdgeInsets 对于这个属性。刚开始接触的时候就有点蒙。特别是看到负数 一开始完全不能理解。 资料又少。自己一个人摸索。现在有点理解了。也不知道对不对 记下来吧。  

如果都是很正常的数字。 上下左右 插入个几个像素的边距。都是很容易理解的。就像是塞进去一块砖头是那么大 撑着体积。一开始不能理解的是负数。现在想想其实就好像塞砖头改变了里面内容frame的尺寸 但是不改变本身的frame。比如UIEdgeInsets 的left 设置为 100 就是 。就好像在左边塞进来一个100长度的砖头。这样内容frame 的left -100 。width 剪掉了100. left 设置成 -100 就是内容内容frame的left -100. width +100；当然 并没有实际改变frame 只是draw 绘制的位置变成了而已。出了frame了之后 就遮挡了。  这样就解释了之前我遇到的一个情况 就是。对一个width为100的空间UIEdgeInsets  right 设置为-100 界面看上去的效果是 向右偏移了50像素。其实原因是 绘制的尺寸变成了100+100 .因为显示的width 还是100， 是居中显示的。所以显示出来就是偏移了50.

在一些需求上面 在scroolView 跟 UIEdgeInsets 配合起来使用 有奇效。 在scroolView上面使用 UIEdgeInsets。对于我这个新手来说 更加的困难。在加上边距之后 。界面上表现出来的结果就像是改变了ContentSize 的值一样。UIEdgeInsets 的left 为100的时候 就是在 content左边插入了 width为100的砖头。导致了 ContentSize 在界面上表现出来的长度别你定义的大了100. contentOffset.x 也可以滚动到-100去了。 如果是在不需要放大缩小的界面上使用。感觉不是很有必要。真正让我觉的有奇效的是在放大缩小功能上面取了。

我的项目有个自定义的裁剪头像 我就是在这里用到了这个。感觉很好用。原因是 当uiscroll zoom 后 他的ContentSize 会被系统重新设置。你定义的会失效了。会变成你放大返回的view的尺寸*缩放比例  这个时候很难通过改变contentOffset 的值 来给图片定位（或者动态改变ContentSize 来实现？）。而这时候 UIEdgeInsets 是一直存在不会消失的。并且数值也不说缩放比例变化而变化。这时候 就容易实现在裁剪框里面剪切图片并且放大拖动 不会离开边框了。

下面是我自定义切图view

////  MyImageCutView.h//  iGrow4//  裁剪图片//  Created by [e-mail] on 14-12-10.//  Copyright (c) 2014年 iGrow. All rights reserved.//#import <UIKit/UIKit.h>@interface MyImageCutView : UIView <UIScrollViewDelegate>@property  (nonatomic,assign) CGSize cutSize;@property (nonatomic,strong) UIImage *cutImage;-(UIImage *)getCutImage;@end@interface CoverView : UIView@property  (nonatomic,assign) CGSize cutSize;@end

////  MyImageCutView.m//  iGrow4////  Created by Aurora_sgbh on 14-12-10.//  Copyright (c) 2014年 iGrow. All rights reserved.//#import "MyImageCutView.h"#import "UIView+Addition.h"#import "CommonDefine.h"#import "ColorHelper.h"#import "UIImage+KIAdditions.h"#import "ShareHelper.h"@interface MyImageCutView ()@property(nonatomic,strong) UIScrollView *scrollView;@property(nonatomic,strong) UIImageView *imageShowView;@property(nonatomic,strong) CoverView *coverView;@property(nonatomic,assign) UIEdgeInsets imageInset;@end@implementation MyImageCutView-(id)initWithCoder:(NSCoder *)aDecoder{    self =[super initWithCoder:aDecoder];    if(self){        self.cutSize = CGSizeMake(320, 320);        self.height = kDeiveHeight - 68;        self.scrollView =[[UIScrollView alloc]initWithFrame:self.bounds];//        [_scrollView setBounces:NO];//        [_scrollView setShowsHorizontalScrollIndicator:NO];//        [_scrollView setShowsVerticalScrollIndicator:NO];//        [self.scrollView setMinimumZoomScale:1];//        [self.scrollView setMaximumZoomScale: 5.0f];//        _scrollView.scrollEnabled = YES;//        _scrollView.pagingEnabled = YES;        self.scrollView.delegate = self;             self.scrollView.bounces = NO;        self.scrollView.decelerationRate =0;        self.scrollView.delegate = self;        [self addSubview:self.scrollView];                self.imageShowView =[[UIImageView alloc]init];        [self.scrollView addSubview:self.imageShowView];                self.coverView =[[CoverView alloc]initWithFrame:self.bounds];        [ self.coverView setBackgroundColor:[UIColor clearColor]];        [ self.coverView setUserInteractionEnabled:NO];        [self addSubview:self.coverView];                [self initScrollInset];        [self initCoverView];            }    return self;}-(void)setCutSize:(CGSize)cutSize{    _cutSize = cutSize;    [self initScrollInset];    [self initCoverView];}-(void) initScrollInset{    CGFloat x = (CGRectGetWidth(self.bounds) - self.cutSize.width) / 2;    CGFloat y = (CGRectGetHeight(self.bounds) -  self.cutSize.height) / 2;    CGFloat top = y;    CGFloat left = x;    CGFloat right = CGRectGetWidth(self.bounds)- self.cutSize.width - x;    CGFloat bottom = CGRectGetHeight(self.bounds)- self.cutSize.height                                                                                                                          - y;    _imageInset = UIEdgeInsetsMake(top, left, bottom, right);    [[self scrollView] setContentInset:_imageInset];        [[self scrollView] setContentOffset:CGPointMake(0, 0)];}-(void) initCoverView{    [self.coverView setCutSize:self.cutSize];}-(void)setCutImage:(UIImage *)cutImage{    _cutImage = cutImage;    [self updateZoomScale];    [self.imageShowView setImage:cutImage];}- (void)updateZoomScale {    CGFloat width = _cutImage.size.width;    CGFloat height = _cutImage.size.height;            CGFloat xScale = self.cutSize.width / width;    CGFloat yScale = self.cutSize.height / height;         CGFloat min = MAX(xScale, yScale);    [[self imageShowView] setFrame:CGRectMake(0, 0, width, height)];    self.scrollView.minimumZoomScale = min;    self.scrollView.maximumZoomScale = min*3;    [[self scrollView] setZoomScale:min animated:YES];        //让图片居中//    CGSize contentSize = self.scrollView.contentSize;//    float left = (min*width - _cutSize.width)/2-_imageInset.left;    float top = (min*height - _cutSize.height)/2 -_imageInset.top;    self.scrollView.contentOffset =CGPointMake(left,top );//    self.scrollView.contentOffset.x = ;//    self.scrollView.contentOffset.x = -(contentSize.width - _cutSize.width)/2;//    self.scrollView.contentOffset.y = -(contentSize.height - _cutSize.height)/2;}- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {    return self.imageShowView;}-(void)scrollViewDidZoom:(UIScrollView *)scrollView{    if(scrollView.zoomScale<= scrollView.minimumZoomScale){            }}-(void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{        NSLog(@"%f------%f",self.scrollView.contentOffset.x,self.scrollView.contentOffset.y);//    [[self imageShowView] setFrame:CGRectMake(150, 0, width, height)];//    self.scrollView.contentOffset = CGPointMake(0, -284);//    if (scrollView.zoomScale <= scrollView.minimumZoomScale) {//        self.imageShowView.center =  CGPointMake(self.frame.size.width / 2, self.frame.size.height / 2);//    }//    [self.imageView printRectLog];}//-(void)setCutImage:(UIImage *)image{//    _cutImage = image;//    [self.imageShowView setImage:image];//}-(UIImage *)getCutImage{    CGFloat zoomScale = [self scrollView].zoomScale;        CGFloat offsetX = [self scrollView].contentOffset.x;    CGFloat offsetY = [self scrollView].contentOffset.y;    CGFloat aX = offsetX+_imageInset.left;    CGFloat aY = offsetY+_imageInset.top;    aX = aX / zoomScale;    aY = aY / zoomScale;    CGFloat aWidth = self.cutSize.width/ zoomScale;//    CGFloat aHeight = self.cutSize.height/ zoomScale;//        //    imageView.transform = CGAffineTransformMakeRotation(M_PI);    UIImage *image = [self.cutImage cropImageWithX:aX y:aY width:aWidth height:aHeight];        return image;}@end#pragma mark --------coverView#define kMaskViewBorderWidth 1.0f@interface CoverView()@end@implementation CoverView-(void)setCutSize:(CGSize)cutSize{    _cutSize=cutSize;    [self setNeedsDisplay];}- (void)drawRect:(CGRect)rect {    [super drawRect:rect];        CGFloat x = (CGRectGetWidth(self.bounds) - _cutSize.width ) / 2;    CGFloat y = (CGRectGetHeight(self.bounds) - _cutSize.height) / 2;    CGRect cropRect = CGRectMake(x+(kMaskViewBorderWidth/2), y+(kMaskViewBorderWidth/2), _cutSize.width-kMaskViewBorderWidth, _cutSize.height-kMaskViewBorderWidth);    CGContextRef ctx = UIGraphicsGetCurrentContext();    CGContextSetRGBFillColor(ctx, 94, 97,99, .3);    CGContextFillRect(ctx, self.bounds);        CGContextClearRect(ctx, cropRect);        CGContextSetStrokeColorWithColor(ctx, [ColorHelper GetAlertBtnColor].CGColor);    CGContextStrokeRectWithWidth(ctx, cropRect, kMaskViewBorderWidth);    }@end