圖片拖動(dòng)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]];
    //保證出來(lái)的是正方形
    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];
    // 只接受單點(diǎn)觸摸
    [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();
    //繪制剪裁區(qū)域外半透明效果
    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);
              //繪制剪裁區(qū)域的格子
      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];
    // 記錄點(diǎn)擊的起點(diǎn)
    _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;
    

}

    //休整剪切區(qū)域
  • (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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市妓盲,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌歉摧,老刑警劉巖图甜,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡设拟,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門久脯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)纳胧,“玉大人,你說(shuō)我怎么就攤上這事帘撰∨苣剑” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵摧找,是天一觀的道長(zhǎng)核行。 經(jīng)常有香客問(wèn)我牢硅,道長(zhǎng),這世上最難降的妖魔是什么芝雪? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任唤衫,我火速辦了婚禮,結(jié)果婚禮上绵脯,老公的妹妹穿的比我還像新娘。我一直安慰自己休里,他們只是感情好蛆挫,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著妙黍,像睡著了一般悴侵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拭嫁,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天可免,我揣著相機(jī)與錄音,去河邊找鬼做粤。 笑死浇借,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的怕品。 我是一名探鬼主播妇垢,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼肉康!你這毒婦竟也來(lái)了闯估?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤吼和,失蹤者是張志新(化名)和其女友劉穎涨薪,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體炫乓,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡刚夺,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了末捣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片光督。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖塔粒,靈堂內(nèi)的尸體忽然破棺而出结借,到底是詐尸還是另有隱情,我是刑警寧澤卒茬,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布船老,位于F島的核電站咖熟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏柳畔。R本人自食惡果不足惜馍管,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望薪韩。 院中可真熱鬧确沸,春花似錦、人聲如沸俘陷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)拉盾。三九已至桨菜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間捉偏,已是汗流浹背倒得。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留夭禽,地道東北人霞掺。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像讹躯,于是被迫代替她去往敵國(guó)和親根悼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容