最近很久没更新简书了，没办法一堆的需求刚刚忙完就接着一堆的需求，内心是奔溃的，UI妹子说要疯了是不是考虑转行了？🤦♀️
一个需求线上签名，需要对对应的合同让用户进行签名，为了方便就有了线上签名的需求了。
看了下网上的签名都是大同小异，主要是计算像素点的问题，因为方法的不同写出来的效果也有点区别，但是大同小异哈都是使用UIBezierPath（这边整理了两个方法demo）。
方法一
使用五个点来计算像素点，通过五个点计算点与点之间的距离以及位置，让每个点连接起来比较自然，具体做法如下：
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch *touch = [touches anyObject];
CGPoint touchPoint = [touch locationInView:self];
_control ++;
points[_control] = touchPoint;
if (_control == 4){
points[3] = CGPointMake((points[2].x + points[4].x)/2.0, (points[2].y + points[4].y)/2.0);
//设置画笔起始点
[_beizerPath moveToPoint:points[0]];
//endPoint终点 controlPoint1、controlPoint2控制点
[_beizerPath addCurveToPoint:points[3] controlPoint1:points[1] controlPoint2:points[2]];
//setNeedsDisplay会自动调用drawRect方法，这样可以拿到UIGraphicsGetCurrentContext，就可以画画了
[self setNeedsDisplay];
points[0] = points[3];
points[1] = points[4];
_control = 1;
}
}
方法一效果.gif
方法二
通过前后两个点来计算处理点与点之间的距离
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{
CGPoint currentPoint = [[touches anyObject] locationInView:self];
CGPoint midPoint = midpoint(_previousPoint, currentPoint);
[_beizerPath addQuadCurveToPoint:midPoint controlPoint:_previousPoint];
_previousPoint = currentPoint;
[self setNeedsDisplay];
}
计算点之间的方法：
static CGPoint midpoint(CGPoint p0, CGPoint p1) {
return (CGPoint) {
(p0.x + p1.x) / 2.0,
(p0.y + p1.y) / 2.0
};
}
方法二效果.gif
具体的后面会有demo。
清除签名与获取签名图片
清除签名
#pragma mark -- 清除签名
- (void)clearSignature
{
[_beizerPath removeAllPoints];
[self setNeedsDisplay];
}
获取签名图片
- (UIImage *)getSignatureImage
{
//设置为NO，UIView是透明这里的图片就是透明的
UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, [UIScreen mainScreen].scale);
[self.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *signatureImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
NSString* docDir = [NSString stringWithFormat:@"%@/Documents/Image", NSHomeDirectory()];
[[NSFileManager defaultManager] createDirectoryAtPath:docDir withIntermediateDirectories:YES attributes:nil error:nil];
NSString *path = [NSString stringWithFormat:@"%@/Documents/Image/Signature.PNG", NSHomeDirectory()];
//用png是透明的
[UIImagePNGRepresentation(signatureImage) writeToFile: path atomically:YES];
return signatureImage;
}
就这些吧，写着充当笔记哈，下次使用的时候提供一个方便性。当然，不能耍流氓不上demo。
