美文网首页
简单小画板的实现.

简单小画板的实现.

作者: coder_Man | 来源:发表于2016-11-04 15:22 被阅读0次

先来看看效果:

大概整理了下思路,可能还有不完整. 如下:

1.首先是搭建界面.由于太基础这里就不详细演示.

2.画线,添加起始点和终点.

起始点:

path = [TBLBezierPath bezierPath];

path.lineWidth = self.lineWidth;

path.pathColor = self.lineColor;

[path moveToPoint:point];

终点:

UITouch *touch = touches.anyObject;

CGPoint addPoint = [touch locationInView:self];

[path addLineToPoint:addPoint];

[[self.lines lastObject] addLineToPoint:addPoint];

[self setNeedsDisplay];

渲染:

[line stroke];

2.复杂的问题可以分解成一个一个简单的问题,在我们完成单条线的绘制之后,我们会像如何同时绘制多条线? 在这,我想到的是用一个数组保存每一条线:

- (NSMutableArray *)lines {

if (!_lines) {

_lines = [NSMutableArray array];

}

return _lines;

}

3.第三步就是功能的完善和细节的处理,例如线条的粗细,线条的颜色,清除,回退功能的完成. 

PS:初次进入时,线条的默认颜色,粗细需要设置.否则会有问题.

相关文章

  • 简单小画板的实现.

    先来看看效果: 大概整理了下思路,可能还有不完整. 如下: 1.首先是搭建界面.由于太基础这里就不详细演示. 2....

  • ios开发实现画板功能

    ios开发实现画板功能 ios开发实现画板功能

  • angular5中使用canvas简单画板

    angular中使用canvas可以实现一个简单的画板绘制。功能如下:调整笔尖的大小清空画板绘制内容鼠标移动是绘制...

  • 微信小程序制作简易画板

    微信小程序制作简易画板 效果图 原理介绍   利用官方组件canvas来实现画板的制作,通过不断获取手指触摸的位置...

  • 基于canvas画板原理(H5)

    一个简单的小事例,利用canvas实现画板效果。实现原理:鼠标事件+canvas效果图: 代码: 如有问题欢迎交流...

  • 2019-05-28 画板-擦除-批注-撤销还原等功能实现解决方

    通过查阅网上资料总结而得:1.画板功能实现方案很多种:DrawRect+UIBezierPath:实现比较简单,橡...

  • HSB调色Demo

    最近做了一个小画板的Demo里面的内容都很简单,下面把实现自定义颜色的部分代码分享给大家 在HSB模式中,H(hu...

  • 制作一个简易画板

    如图所示,我利用微信开发者工具做了一个简单的画板。 该画板实现了基本的功能有:画线,橡皮擦,文本输入,油漆桶,清除...

  • iOS一个简单画板的实现

    今天用OC语言来做实现一个简单的画板功能. 做起来很简单就不啰嗦了...代码呈上: 首先,我们创建一个继承自UIV...

  • 小画板

    事情大概发生在小学二三年级,那年爸妈回家过年,我妈给我带的新年礼物(小时候家里穷,父母外出打工并不能每年回家过年)...

网友评论

      本文标题:简单小画板的实现.

      本文链接:https://www.haomeiwen.com/subject/qrqwuttx.html