手写输入---随手写

最新推荐文章于 2022-10-20 15:00:23 发布

冰仔旺码

最新推荐文章于 2022-10-20 15:00:23 发布

阅读量1k

点赞数

分类专栏： ios 文章标签：手写输入随手写

本文链接：https://blog.csdn.net/m0_37937984/article/details/82756353

版权

在教育app的开发中，为了实现手写输入并保留原笔迹的效果，可以采用两种思路：使用collectionView或textView。对于允许编辑的需求，使用textView更为合适，通过处理touch事件生成UIBezierPath，结束时截图并利用TextAttachment展示图片。本文详细介绍了手写输入的实现过程，包括路径绘制和截图保存，最终实现随手写功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手写输入—随手写
最近做的是关于教育的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

最低0.47元/天解锁文章