手写输入---随手写

手写输入—随手写
最近做的是关于教育的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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值