iOSQuartz2D-04-手動剪裁圖片並儲存到相簿

iOSQuartz2D-04-手動剪裁圖片並儲存到相簿
實現效果

操作步驟
繪製一個矩形框，彈出一個alertView，提示是否儲存圖片 點擊”是”，將圖片儲存到相簿 在相簿中查看儲存的圖片

實現思路在控制器的view上添加一個imageView，設定圖片 在控制器的view上添加一個pan手勢 跟蹤pan手勢，繪製一個矩形框（圖片的剪下地區） 在pan手勢結束時，通過alertView提示“是否將圖片儲存至相簿？”
點擊“是”，儲存圖片 點擊“否”，暫時什麼都不做實現步驟

通過storyboard在控制器的view上添加一個imageView(設定圖片)，並在控制器的.m檔案中擁有該屬性

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

設定通過手勢繪製的圖片的剪下地區

將圖片的剪下地區作為成員屬性clipView

@property (nonatomic, weak) UIView *clipView;

通過懶載入的方式建立clipView，並初始化

- (UIView *)clipView{    //如果clipView為被建立，就建立    if (_clipView == nil)    {        UIView *view = [[UIView alloc] init];        _clipView = view;        //設定clipView的背景色和透明度        view.backgroundColor = [UIColor blackColor];        view.alpha = 0.5;        //將clipView添加到控制器的view上，此時的clipView不會顯示（未設定其frame）        [self.view addSubview:_clipView];    }    return _clipView;}

給控制器的view添加pan手勢，跟蹤pan手勢，繪製圖片剪下地區

建立並添加手勢

/**建立手勢**/UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];    /**    *每當pan手勢的位置發生變化，就會調用pan:方法，並將手勢作為參數傳遞    *//**添加手勢**/[self.view addGestureRecognizer:pan];

增加成員屬性，記錄pan手勢開始的點

@property (nonatomic, assign) CGPoint startPoint;

監聽手勢的移動

- (void)pan:(UIPanGestureRecognizer *)pan{    CGPoint endPoint = CGPointZero;    if (pan.state == UIGestureRecognizerStateBegan)    {        /**開始點擊時，記錄手勢的起點**/        self.startPoint = [pan locationInView:self.view];    }    else if(pan.state == UIGestureRecognizerStateChanged)    {        /**當手勢移動時，動態改變終點的值，並計算起點與終點之間的矩形地區**/        endPoint = [pan locationInView:self.view];        //計算矩形地區的寬高        CGFloat w = endPoint.x - self.startPoint.x;        CGFloat h = endPoint.y - self.startPoint.y;        //計算矩形地區的frame        CGRect clipRect = CGRectMake(self.startPoint.x, self.startPoint.y, w, h);        //設定剪下地區的frame        self.clipView.frame = clipRect;    }    else if(pan.state == UIGestureRecognizerStateEnded)    {        /**若手勢停止，將剪下地區的圖片內容繪製到圖形上下文中**/        //開啟位元影像上下文        UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, NO, 0);        //建立大小等於剪下地區大小的封閉路徑        UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.clipView.frame];        //設定超出的內容不顯示，        [path addClip];        //擷取繪圖上下文        CGContextRef context = UIGraphicsGetCurrentContext();        //將圖片渲染的上下文中        [self.imageView.layer renderInContext:context];        //擷取上下文中的圖片        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();        //關閉位元影像上下文        UIGraphicsEndImageContext();        //移除剪下地區視圖控制項，並清空        [self.clipView removeFromSuperview];        self.clipView = nil;        //將圖片顯示到imageView上        self.imageView.image = image;        //通過alertView提示使用者，是否將圖片儲存至相簿        UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@儲存圖片 message:@是否將圖片儲存至相簿？ delegate:self cancelButtonTitle:@否 otherButtonTitles:@是, nil];        [alertView show];}}

設定alertView的代理方法，確定是否儲存圖片

- (void)alertView:(nonnull UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex{    //若點擊了“是”，則儲存圖片    if (buttonIndex == 1)    {        UIImageWriteToSavedPhotosAlbum(self.imageView.image, nil, nil, nil);        /**        * 該方法可以設定儲存完畢調用的方法，此處未進行設定        */    }}