手写输入—随手写
最近做的是关于教育的app,分老师版和学生版;学生版有做题功能,领导最近看到别的app里面有手写输入功能,保留原笔迹,也就是说写成什么样就是什么样,然后保存,上传。
思路1:
①上面排版的是collectionView
② 输入区域,根据UIView的touch事件,生成UIBezilPath。然后得到了path。layer.path = bezierPath.cgpath 。然后layer.stokeColor = xxxx
③ 最后layer加到item的某个view属性的layer上,调整下transform即可实现.aspectFit的效果
④ 当touch事件结束一段时间后(这个时间根据需求定),生成path走后面的渲染方法。
⑤但放到collectionView的item里,必须保证用一个transform让它们统一大小,并和item边缘相切。
思路2:
①上面排版的是textView
②输入区域,根据UIView的touch事件,生成UIBezilPath。然后得到了path。layer.path = bezierPath.cgpath 。然后layer.stokeColor = xxxx生成path走后面的渲染方法
③当touch事件结束一段时间后,对渲染部分截图(具体截多大的图,从什么位置截,demo里细讲),保存。
④利用textview的TextAttachment属性显示图片,bounds是设定图片大小,index是设定图片的位置
总结:
根绝需求分析,第一个思路不是太满足项目需求,因为领导要求是可以编辑,用collectionView就很麻烦,还要写光标,果断选择思路2
具体实现过程
先实现画板部分
//触摸点开始记录,一移动再记录,这样就记录无数多个点便成了线
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
if (self.beginEditingBlock) {
self.beginEditingBlock();
}
[self.timer invalidate];
self.timer = nil;
self.seconds = 1;
flag=NO;
NSArray *array = [touches allObjects];
for(UITouch *touch in array)
{
Squiggle *squiggle = [[Squiggle alloc] init];
[squiggle setLineWidth:lineWidth];
[squiggle setStrokeColor:color];
//self 指当前这次触摸事件
[squiggle addPoint:[touch locationInView:self]];
//因为每次触摸事件的 内存地址唯一,所以将其作为 squiggle的关键字key
//将内存地址转换为对象
NSValue *touchValue = [NSValue valueWithPointer:(__bridge const void * _Nullable)(touch)];
NSString *key = [NSString stringWithFormat:@"%@",touchValue];
[squigglesDic setValu