iOS 手寫簽名的簡單實用封裝

簡介

現在很多項目在完善資訊或者注冊資訊的時候,或者支付這一方面,都希望使用者手寫簽名,這樣既可以保證是使用者親自簽名的,保證該記錄是用使用者操作的,而不是别人操作的.是以手寫簽字這個還是比較重要的.下面就是通過QuartzCore來繪制簽名.QuartzCore是iOS的核心動畫架構.

繪制

1.定義一個結構體

static CGPoint midpoint(CGPoint p0,CGPoint p1) {
    return (CGPoint) {
        (p0.x + p1.x) /2.0,
        (p0.y + p1.y) /2.0
    };
}
           

2.添加手勢

UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
    pan.maximumNumberOfTouches = pan.minimumNumberOfTouches =1;
    [self addGestureRecognizer:pan];
           

3.開始繪制

CGPoint currentPoint = [pan locationInView:self];
    CGPoint midPoint = midpoint(previousPoint, currentPoint);
    NSLog(@"擷取到的觸摸點的位置為--currentPoint:%@",NSStringFromCGPoint(currentPoint));
    [self.currentPointArr addObject:[NSValue valueWithCGPoint:currentPoint]];
    self.hasSignatureImg = YES;
    CGFloat viewHeight = self.frame.size.height;
    CGFloat currentY = currentPoint.y;
    if (pan.state ==UIGestureRecognizerStateBegan) {
        [path moveToPoint:currentPoint];
         
    } else if (pan.state ==UIGestureRecognizerStateChanged) {
        [path addQuadCurveToPoint:midPoint controlPoint:previousPoint];   
         
    }
     
    if(0 <= currentY && currentY <= viewHeight)
    {
        if(max == 0&&min == 0)
        {
            max = currentPoint.x;
            min = currentPoint.x;
        }
        else
        {
            if(max <= currentPoint.x)
            {
                max = currentPoint.x;
            }
            if(min>=currentPoint.x)
            {
                min = currentPoint.x;
            }
        }
         
    }
     
    previousPoint = currentPoint;
    //記得調用,及時重新整理視圖
    [self setNeedsDisplay];
           

4.擷取繪制視圖,在進行一系列處理就好

if(UIGraphicsBeginImageContextWithOptions !=NULL)
    {
        UIGraphicsBeginImageContextWithOptions(self.bounds.size,NO, [UIScreen mainScreen].scale);
    }else {
        UIGraphicsBeginImageContext(self.bounds.size);
         
    }
     
    [self.layer renderInContext:UIGraphicsGetCurrentContext()];
     
    UIImage *image =UIGraphicsGetImageFromCurrentImageContext();
     
    UIGraphicsEndImageContext();
    //繪制成圖
    image = [self imageBlackToTransparent:image];
    NSLog(@"width:%f,height:%f",image.size.width,image.size.height);
    //截取圖檔
    UIImage *img = [self cutImage:image];
    //壓縮圖檔
    self.SignatureImg = [self scaleToSize:img];
           

5.附上處理的方法

1.>繪制成圖

- (UIImage*) imageBlackToTransparent:(UIImage*) image
{
    // 配置設定記憶體
    const int imageWidth = image.size.width;
    const int imageHeight = image.size.height;
    size_t      bytesPerRow = imageWidth * 4;
    uint32_t* rgbImageBuf = (uint32_t*)malloc(bytesPerRow * imageHeight);
     
    // 建立context
    CGColorSpaceRef colorSpace =CGColorSpaceCreateDeviceRGB();
    CGContextRef context = CGBitmapContextCreate(rgbImageBuf, imageWidth, imageHeight, 8, bytesPerRow, colorSpace,
                                                 kCGBitmapByteOrder32Little | kCGImageAlphaNoneSkipLast);
     
    CGContextDrawImage(context, CGRectMake(0, 0, imageWidth, imageHeight), image.CGImage);
     
    // 周遊像素
    int pixelNum = imageWidth * imageHeight;
    uint32_t* pCurPtr = rgbImageBuf;
    for (int i =0; i < pixelNum; i++, pCurPtr++)
    {
        //        if ((*pCurPtr & 0xFFFFFF00) == 0)    //将黑色變成透明
        if (*pCurPtr == 0xffffff)
        {
            uint8_t* ptr = (uint8_t*)pCurPtr;
            ptr[0] =0;
        }
         
        //改成下面的代碼，會将圖檔轉成灰階
        /*uint8_t* ptr = (uint8_t*)pCurPtr;
         // gray = red * 0.11 + green * 0.59 + blue * 0.30
         uint8_t gray = ptr[3] * 0.11 + ptr[2] * 0.59 + ptr[1] * 0.30;
         ptr[3] = gray;
         ptr[2] = gray;
         ptr[1] = gray;*/
    }
     
    // 将記憶體轉成image
    CGDataProviderRef dataProvider = CGDataProviderCreateWithData(NULL, rgbImageBuf, bytesPerRow * imageHeight,/*ProviderReleaseData**/NULL);
    CGImageRef imageRef = CGImageCreate(imageWidth, imageHeight, 8,32, bytesPerRow, colorSpace,
                                        kCGImageAlphaLast | kCGBitmapByteOrder32Little, dataProvider,
                                        NULL, true,kCGRenderingIntentDefault);
    CGDataProviderRelease(dataProvider);
     
    UIImage* resultUIImage = [UIImage imageWithCGImage:imageRef];
     
    // 釋放
    CGImageRelease(imageRef);
    CGContextRelease(context);
    CGColorSpaceRelease(colorSpace);
    // free(rgbImageBuf) 建立dataProvider時已提供釋放函數，這裡不用free
     
    return resultUIImage;
}
           

2.>截圖圖檔

CGRect rect ;
    //簽名事件沒有發生
    if(min == 0&&max == 0)
    {
        rect =CGRectMake(0,0, 0, 0);
    }
    else//簽名發生
    {
        rect =CGRectMake(min-3,0, max-min+6,self.frame.size.height);
    }
    CGImageRef imageRef =CGImageCreateWithImageInRect([image CGImage], rect);
    UIImage * img = [UIImage imageWithCGImage:imageRef];
    //添加水印
    UIImage *lastImage = [self addText:img text:self.showMessage];
    CGImageRelease(imageRef);
    [self setNeedsDisplay];
           

3.>壓縮

//壓縮圖檔,最長邊為128(根據不同的比例來壓縮)
- (UIImage *)scaleToSize:(UIImage *)img {
    CGRect rect ;
    CGFloat imageWidth = img.size.width;
    //判斷圖檔寬度
    if(imageWidth >= 128)
    {
        rect =CGRectMake(0,0, 128, self.frame.size.height);
    }
    else
    {
        rect =CGRectMake(0,0, img.size.width,self.frame.size.height);
         
    }
    CGSize size = rect.size;
    UIGraphicsBeginImageContext(size);
    [img drawInRect:rect];
    UIImage* scaledImage =UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    //此處注釋是為了防止該簽名圖檔被儲存到本地
    //    UIImageWriteToSavedPhotosAlbum(scaledImage,nil, nil, nil);
    [self setNeedsDisplay];
    return scaledImage;
}
           

君凱商聯網-iOS-字唐名僧