图片拖动4边剪切的

//
// CliperView.m
// newPictureShearTool
//
// Created by mini on 2017/1/3.
// Copyright © 2017年 mini. All rights reserved.
//

import "CliperView.h"

@interface CliperView ()

@property(assign,nonatomic) CGRect cliprect;

@property(assign,nonatomic) CGPoint touchPoint;

@property(strong,nonatomic) UIImageView *imageView;

@property(assign,nonatomic) CGColorRef grayAlpha;
@end

@implementation CliperView

  • (id)initWithFrame:(CGRect)frame
    {
    self = [super initWithFrame:frame];
    return self;
    }
  • (id)initWithImageView:(UIImageView*)iv
    {
    CGRect r = [iv bounds];
    self = [super initWithFrame:r];
    if (self) {
    [iv addSubview:self];
    [iv setUserInteractionEnabled:YES];
    [self setBackgroundColor:[UIColor clearColor]];
    //保证出来的是正方形
    float size = r.size.height>r.size.width? r.size.width :r.size.height;
    // 剪切框的位置
    _cliprect = CGRectMake((r.size.width-size)/2, (r.size.height-size)/2, size, size);
    _grayAlpha = [[[UIColor alloc]initWithRed:0 green:0 blue:0 alpha:0.6] CGColor];
    // 只接受单点触摸
    [self setMultipleTouchEnabled:NO];
    _touchPoint = CGPointZero;
    _imageView = iv;
    }
    return self;
    }

/**/
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.

  • (void)drawRect:(CGRect)rect
    {
    CGContextRef context=UIGraphicsGetCurrentContext();
    //绘制剪裁区域外半透明效果
    CGContextSetFillColorWithColor(context, [UIColor orangeColor].CGColor);

      CGRect r = CGRectMake(0, 0, rect.size.width, _cliprect.origin.y);
      CGContextFillRect(context, r);
      r = CGRectMake(0, _cliprect.origin.y-0.2, _cliprect.origin.x, _cliprect.size.height);
      CGContextFillRect(context, r);
      r = CGRectMake(_cliprect.origin.x + _cliprect.size.width, _cliprect.origin.y-0.2, rect.size.width - _cliprect.origin.x - _cliprect.size.width, _cliprect.size.height);
      CGContextFillRect(context, r);
      r = CGRectMake(0, _cliprect.origin.y + _cliprect.size.height, rect.size.width, rect.size.height - _cliprect.origin.y - _cliprect.size.height+0.1);
      CGContextFillRect(context, r);
              //绘制剪裁区域的格子
      CGContextSetRGBStrokeColor(context, 1.0f, 1.0f, 1.0f, 0.8f);
      CGContextSetLineWidth(context, 2.0);
      CGContextAddRect(context, _cliprect);
      CGContextMoveToPoint(context, _cliprect.origin.x+_cliprect.size.width/3, _cliprect.origin.y);
      CGContextAddLineToPoint(context, _cliprect.origin.x+_cliprect.size.width/3, _cliprect.origin.y+_cliprect.size.height);
      CGContextMoveToPoint(context, _cliprect.origin.x+_cliprect.size.width/3*2, _cliprect.origin.y);
      CGContextAddLineToPoint(context, _cliprect.origin.x+_cliprect.size.width/3*2, _cliprect.origin.y+_cliprect.size.height);
              //
      CGContextMoveToPoint(context, _cliprect.origin.x, _cliprect.origin.y+_cliprect.size.height/3);
      CGContextAddLineToPoint(context, _cliprect.origin.x+_cliprect.size.width, _cliprect.origin.y+_cliprect.size.height/3);
      CGContextMoveToPoint(context, _cliprect.origin.x, _cliprect.origin.y+_cliprect.size.height/3*2);
      CGContextAddLineToPoint(context, _cliprect.origin.x+_cliprect.size.width, _cliprect.origin.y+_cliprect.size.height/3*2);
      CGContextStrokePath(context);
    

}

  • (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
    {
    UITouch *touch = [touches anyObject];
    // 记录点击的起点
    _touchPoint = [touch locationInView:self];
    }

  • (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
    {
    UITouch *touch = [touches anyObject];
    CGPoint p = [touch locationInView:self];
    float x1=.0f, x2=.0f, y1=.0f, y2=.0f;
    float x = _touchPoint.x;
    float y = _touchPoint.y;
    if (fabs(x-_cliprect.origin.x)<20) //左
    {
    float offy = y-_cliprect.origin.y;
    if (fabsf(offy)<20) { //左上角
    x1 = p.x - _touchPoint.x;
    y1 = p.y - _touchPoint.y;
    }else if(fabs(offy-_cliprect.size.height)<20){ //左下角
    x1 = p.x - _touchPoint.x;
    y2 = p.y - _touchPoint.y;
    }else if(y>_cliprect.origin.y && y<_cliprect.origin.y+_cliprect.size.height) { //左中部
    x1 = p.x - _touchPoint.x;
    }
    }else if(fabs(x-_cliprect.origin.x-_cliprect.size.width)<20) //右
    {
    float offy = y-_cliprect.origin.y;
    if (fabsf(offy)<20) { //右上角
    x2 = p.x -_touchPoint.x;
    y1 = p.y -_touchPoint.y;
    }else if(fabs(offy-_cliprect.size.height)<20) { //右下角
    x2 = p.x - _touchPoint.x;
    y2 = p.y - _touchPoint.y;
    }else if(y>_cliprect.origin.y && y<_cliprect.origin.y+_cliprect.size.height) { //右中部
    x2 = p.x - _touchPoint.x;
    }
    }else if(fabs(y-_cliprect.origin.y)<20){ //上
    if (x>_cliprect.origin.x && x< _cliprect.size.width) { //上中
    y1 = p.y - _touchPoint.y;
    }
    }else if(fabs(y-_cliprect.origin.y-_cliprect.size.height)<20){ //下
    if (x>_cliprect.origin.x && x< _cliprect.size.width) { //下中
    y2 = p.y - _touchPoint.y;
    }
    }else if((x>_cliprect.origin.x && x< _cliprect.origin.x+_cliprect.size.width)&&(y>_cliprect.origin.y && y<_cliprect.origin.y+_cliprect.size.height)){ //正中
    _cliprect.origin.x += (p.x -_touchPoint.x);
    _cliprect.origin.y += (p.y -_touchPoint.y);
    if (_cliprect.origin.x<0) {
    _cliprect.origin.x=0;
    }else if(_cliprect.origin.x>self.bounds.size.width-_cliprect.size.width)
    {
    _cliprect.origin.x=self.bounds.size.width-_cliprect.size.width;
    }
    if (_cliprect.origin.y<0) {
    _cliprect.origin.y=0;
    }else if(_cliprect.origin.y>self.bounds.size.height-_cliprect.size.height)
    {
    _cliprect.origin.y=self.bounds.size.height-_cliprect.size.height;
    }
    }else {
    return;
    }
    //修改rect
    [self ChangeclipEDGE:x1 x2:x2 y1:y1 y2:y2];
    [self setNeedsDisplay];

      _touchPoint = p;
    

}

    //休整剪切区域
  • (CGRect)ChangeclipEDGE:(float)x1 x2:(float)x2 y1:(float)y1 y2:(float)y2
    {
    _cliprect.origin.x += x1;
    _cliprect.size.width -= x1;
    _cliprect.origin.y += y1;
    _cliprect.size.height -= y1;
    _cliprect.size.width += x2;
    _cliprect.size.height += y2;
    if (_cliprect.size.width<60) {
    if (x1>0.f) {
    _cliprect.origin.x -= 60.0 - _cliprect.size.width;
    }
    _cliprect.size.width = 60;
    }else if(_cliprect.size.height<60) {
    if (y1>0.f) {
    _cliprect.origin.y -= 60.0 - _cliprect.size.height;
    }
    _cliprect.size.height = 60;
    }
    return _cliprect;
    }

  • (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
    {
    _touchPoint = CGPointZero;
    [self setNeedsDisplay];

}

  • (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
    {
    [self touchesEnded:touches withEvent:event];
    }

  • (void)setclipEDGE:(CGRect)rect
    {
    _cliprect = rect;
    [self setNeedsDisplay];
    }

  • (CGRect)getclipRect
    {
    [self ChangeclipEDGE:0 x2:0 y1:0 y2:0];
    [self setNeedsDisplay];
    float imgsize = [_imageView image].size.width;
    float viewsize = [_imageView frame].size.width;
    float scale = imgsize/viewsize;
    CGRect r = CGRectMake(_cliprect.origin.xscale, _cliprect.origin.yscale, _cliprect.size.widthscale, _cliprect.size.heightscale);
    return r;
    }

-(void)setClipRect:(CGRect)rect
{
_cliprect = rect;
[self setNeedsDisplay];
}

-(UIImage*)getClipImageRect:(CGRect)rect
{
CGImageRef imgrefout = CGImageCreateWithImageInRect([_imageView.image CGImage], rect);
UIImage *img_ret = [[UIImage alloc]initWithCGImage:imgrefout];
return img_ret;
}

@end

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容