ios 画板的使用

由于项目需求需要用到一个画板功能,需要这个画板可以实时的画,并且需要保存画板点集合从一端发送给另一端达到一个实时同步的功能,前后使用了三种方法,每一种都遇到各种坑(后面会提到,每一种方法的优缺点),而且现在能百度到的demo普遍偏简单,分享出来给大家一个参照吧.<UIBezierPath画线,NSUndoManager+ Quartz2D ,OpenGLES> 画板.gif Demo UI写的很是糙大家不要吐槽. 一. UIBezierPath 画板方法的实现 1 UIBezierPa…

iOS: 为画板App增加 Undo/Redo(撤销/重做)操作

这个随笔的内容以上一个随笔为基础,(在iOS中实现一个简单的画板),上一个随笔实现了一个简单的画板: 今天我们要为这个画板增加Undo/Redo操作,当画错了一笔,可以撤销它,或者撤销之后后悔了,还可以还原.而且我们要通过晃动手机来触发Undo/Redo的选择. 这个demo使用NSUndoManager实现Undo/Redo操作,NSUndoManager 的实现原理是它作为一个记录器,每次数据变化,我们要用这个记录器记录一个相反的操作,当需要undo的时候,它通过执行这个相反的操作就…

iOS 使用UIBezierPath类实现随手画画板

在上一篇文章中我介绍了 UIBezierPath类介绍 ,下面这篇文章介绍一下如何通过这个类实现一个简单的随手画画板的简单程序demo,功能包括:划线(可以调整线条粗细,颜色),撤销笔画,回撤笔画,清除画布,橡皮擦.当然也可以扩展其他的功能. 一.首先看看实现划线部分的关键代码吧! - (void) drawRect: (CGRect) rect { //绘制图片 int width = self.pickedImage.size.width; int height = self.picked…

iOS之UI--涂鸦画板实例

iOS之UI--涂鸦画板实例首先是搭建框架其他的略过,直接展示效果: 然后接下来上传搭建好两个控制器框架的源码百度云下载链接: http://pan.baidu.com/s/1skjpDox 密码: ardx ,工程里面还有我花了好长时间弄好的图标素材哦. 然后在自定义继承UIView的CanvasView中: 然后效果是: 因为上面逻辑上的缘故,所以每重新绘制一次就会清除前一次的痕迹.那么解决方案就是,通过一个强引用的可变数组索引来存储每一次创建的路径,然后绘制出就遍历这个数组,全部绘…

iOS动画效果合集、飞吧企鹅游戏、换肤方案、画板、文字效果等源码

iOS精选源码动画知识运用及常见动画效果收集 3D卡片拖拽卡片叠加卡片 iFIERO - FLYING PENGUIN 飞吧企鹅SpriteKit游戏(源码) Swift封装的空数据提醒界面EmptyView 沙盒文件浏览与分享调试控制器一个轻量级的iOS皮肤切换方案 ios 自定义导航栏添加上滑下滑渐变 TableView的tableHeaderView的动画效果,下拉放大与下拉圆弧效果文字展示效果QHShowTextDemo SDDrawView:画板组件,这个箭头样式不一样! iOS…

在iOS中实现一个简单的画板App

在这个随笔中,我们要为iPhone实现一个简单的画板App. 首先需要指出的是,这个demo中使用QuarzCore进行绘画,而不是OpenGL.这两个都可以实现类似的功能,区别是OpenGL更快,但是QuarzCore更简单. 第一步,新建Xcode项目,项目名称就叫SimplePaint. 第二步,添加QuarzCore.framework到项目中. 第三步,创建一个新类,类名叫Line.它代表在iPhone的屏幕上绘画时候的线.因为不管是画一条直线还是一条曲线,都可以看做是多条…

iOS之UI--涂鸦画板实例（有待更新）

首先是搭建框架其他的略过,直接展示效果: 然后接下来上传搭建好两个控制器框架的源码百度云下载链接: http://pan.baidu.com/s/1skjpDox 密码: ardx ,工程里面还有我花了好长时间弄好的图标素材哦. 然后在自定义继承UIView的CanvasView中: 然后效果是: 因为上面逻辑上的缘故,所以每重新绘制一次就会清除前一次的痕迹.那么解决方案就是,通过一个强引用的可变数组索引来存储每一次创建的路径,然后绘制出就遍历这个数组,全部绘出路径即可. 效果: 现在,需要将…

iOS开发之自定义画板

今天整好有时间, 写了一个自定义的画板! [我的github] GLPaint主要采用QuartzCore框架, 对画布上的元素进行渲染, 然后通过UIImageWriteToSavedPhotosAlbum保存到相册. 代码耦合性比较低, 集成比较简单, 初学者可以了解一下. 1. 在ViewController中只需要实现这几个方法基本就没问题了; #pragma mark - 创建colorPiker - (void)setupColorPiker { _piker = [ColorPi…

iOS实现白板、画板功能，有趣的涂鸦工具，已封装，简单快捷使用

一.效果图: 二.选择颜色: 分[固定颜色模式]和[自由取模式]. 三.操作栏功能: 1.撤销:撤销上一步操作,可一直往上进行,直到全部清空. 2.清空:直接清除所有绘画. 3.橡皮擦:去除不要的绘画部分. 4.保存:一键保存相册. 四.实现方式: 贝塞尔曲线结合drawrect绘画. 代码结构: 核心代码模块: #pragma mark - 画画 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)eve…

IOS简单画板实现

先上效果图设计要求 1.画笔能设置大小.颜色 2.有清屏.撤销.橡皮擦.导入照片功能 3.能将绘好的画面保存到相册实现思路 1.画笔的实现,我们可以通过监听用户的平移手势中创建 UIBezierPath 来实现线条的绘制 2.撤销功能,我们先来看下撤销功能,我们会想到用一个数组队列将用户的每一次的笔画都加入到数组中,然后撤销的时候只需要将最后添加进去的笔画pop掉,重新绘制就可以了 3.清屏功能就简单了,只需要将上面说到的那个数组清空重新绘制下就可以了 4.导入照片功能,可以用系统的 U…

iOS - Quartz 2D 画板绘制

1.绘制画板 1.1 绘制简单画板 PaintBoardView.h @interface PaintBoardView : UIView @end PaintBoardView.m @interface PaintBoardView () /// 路径 @property (nonatomic, strong) UIBezierPath *path; /// 保存所有路径的数组 @property (nonatomic, strong) NSMutableArray *pathsArrayM;…

iOS：quartz2D绘图小项目(涂鸦画板)

介绍:学了quartz2D的绘图知识后,我根据它的一些功能制作了一个小项目:涂鸦画板. 功能:绘制各种图形,还可以选取相册上的照片做涂鸦,然后保存到相册中.其中,还包括功能有:颜色的选取.线宽的选取.橡皮擦除.撤销上一次绘制痕迹.清除所有痕迹. 用到的自定义控件:工具栏控件(UIToolBar).工具栏上的按钮控件(UIBarButtonItem).警告框控件(UIAlertView.UIActionSheet).图像选择器控制器控件(UIImagePickerController)等. 需要的…

IOS 绘制画画板（封装上下文）

封装上下文 UIImage (CaptureView).h / .m @interface UIImage (CaptureView) + (UIImage *)captureImageWithView:(UIView *)view; @end #import "UIImage+captureView.h" @implementation UIImage (CaptureView) + (UIImage *)captureImageWithView:(UIView *)view { /…

iOS开发——高级篇——iOS涂鸦画板效果实现

一个简单的绘图应用,模仿苹果自带软件备忘录里的涂鸦功能核心代码 #import "DrawView.h" #import "DrawPath.h" @interface DrawView () @property (nonatomic, strong) NSMutableArray *paths; @property (nonatomic, strong) UIBezierPath *path; @end @implementation DrawView - (v…

iOS开发Quartz2D 十三：画板涂鸦

一:效果如图: 二:代码 #import "ViewController.h" #import "DrawView.h" #import "HandleImageView.h" @interface ViewController ()<UINavigationControllerDelegate,UIImagePickerControllerDelegate,handleImageViewDelegate> @property (we…

iOS小画板画线总结

一:基本画线: 使用贝赛尔曲线画: //创建路径 UIBezierPath* aPath = [UIBezierPath bezierPath]; //设置线宽 aPath.lineWidth = 5.0; //线条拐角 aPath.lineCapStyle = kCGLineCapRound; //终点处理 aPath.lineJoinStyle = kCGLineCapRound; //画线的起点 [aPath moveToPoint:CGPointMake(100.0, 0.0)]; //…

［ios］quartz2d画板功功能实现核心代码

//触摸开始 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ // 1,获取对应的touch对象 UITouch *touch = [touches anyObject]; // 2,通过touch对象获取手指触摸对象 CGPoint startPoint = [touch locationInView:touch.view]; // 3,创建小数组,保存当前路径所有点 N…

AJ学IOS（34）UI之Quartz2D画画板的实现

AJ分享,必须精品效果: 实现过程: 首先用storyboard搭建界面,没有什么好说的. 然后就是注意的功能了,这里用了触摸事件来搭配Quartz2D的路径来画画. 思路就是把路径放到数组中 @property (nonatomic, strong) NSMutableArray *paths; 这里注意如果用c语言的这个方式 CGMutablePathRef path = CGPathCreateMutable(); CGPathMoveToPoint(path, NULL, 20, 2…

开源 iOS 项目分类索引大全－待整理

开源 iOS 项目分类索引大全 GitHub 上大概600个开源 iOS 项目的分类和介绍,对于你挑选和使用开源项目应该有帮助系统基础库 Category/Util sstoolkit 一套Category类型的库,附带很多自定义控件功能不错- BlocksKit 将Block风格带入UIKit和Founcation cocoa-helpers 一些Cocoa的扩展 2年前的工程 CoconutKit 一系列扩展和一些自定组件 STUtils 一系列扩展包 …

【IOS开发笔记02】学生管理系统

端到端的机会虽然现在身处大公司,但是因为是内部创业团队,产品.native.前端.服务器端全部坐在一起开发,大家很容易做零距离交流,也因为最近内部有一个前端要转岗过来,于是手里的前端任务好像可以抛一大坨出去了,这个时候立刻想到了切入IOS开发!!! 事实上,前端开发做到一定时间,要进步很难了,最近几个月扑到业务上便感觉突破不了目前的瓶颈,自身的前端瓶颈主要在两方面:技术深度.技术广度其实不论深度或者广度来说都不是简单前端能说清楚的事情,不能说了解了angularJS.react等框架技术深度…

IOS开发基础知识--碎片47

1:解决ios静态库中的类别(category)在工程中不能使用解决方法为:找到 target 的图标,更改其 Other Linker Flags 为: -all_load 或 -force_load-force_load,后跟随一个文件位置,可以更精确地加载所需文件. 简单点说就是,Objective-C 的动态特性使得需要,为链接器添加一个标签(设置 Other Linker Flags 为 -ObjC)来解决通过 Category 向类添加方法的问题.但这个标签 -ObjC 在 64…

iOS 2D绘图 (Quartz 2D) 概述

本篇博客原文地址:http://blog.csdn.net/hello_hwc?viewmode=list 由于自己的项目需要,从网络上下载了许多关于绘制图形的demo,只是用在自己的项目中,很多地方的代码还是吃不透,于是决定仔细学习一下Quartz 2D这个强大的框架,这里也是站在别人的肩膀上来辅助自己的学习,感谢原博客的详细讲解. Quartz 2D用来干嘛的? Quartz 2D属于 Core Graphics (所以大多数方法以CG开头),是iOS/Mac OSX提供的在内核之上的强大的…

史上最全的常用iOS的第三方框架

文章来源:http://blog.csdn.net/sky_2016/article/details/45502921 图像: 1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作. 下载:https://github.com/mwaterfall/MWPhotoBrowser 目前比较活跃的社区仍旧是Github,除此以外也有一些不错的库…

iOS开发——UI进阶篇（十五）Quartz2D介绍

一.Quartz2D简介 1.什么是Quartz2DQuartz 2D是一个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作绘制图形 : 线条\三角形\矩形\圆\弧等绘制文字绘制\生成图片(图像)读取\生成PDF截图\裁剪图片自定义UI控件 2.Quartz2D实例Quartz 2D能做很多强大的事情,例如裁剪图片涂鸦\画板手势解锁报表:折线图\饼状图\柱状图二.自定义view 1.Quartz2D在iOS开发中的价值为了便于搭建美观的UI界面,iOS提供了UI…

常用iOS的第三方框架

图像:1.图片浏览控件MWPhotoBrowser 实现了一个照片浏览器类似 iOS 自带的相册应用,可显示来自手机的图片或者是网络图片,可自动从网络下载图片并进行缓存.可对图片进行缩放等操作. 下载:https://github.com/mwaterfall/MWPhotoBrowser 目前比较活跃的社区仍旧是Github,除此以外也有一些不错的库散落在Google Code.SourceForge等地方.由于Github社区太过主流,这里主要介绍一下Github里面流…

iOS 根据UIImage 修改UIImageView Frame （包括截取图片中间部分）

iOS UIImageView 根据需求调整frame 1.图片的宽和高不相等,截取图片的中间部分,截取的部分Size明确 2.图片的宽度要等于其父视图的类的宽度,然后根据宽度计算高度,保证图片不变形,显示正常 3.图片的宽度或高度大于其父视图的类的宽的或高度,如果是宽度的问题, 就以其父视图的宽度为准,确定图片的显示宽度:如果是高度的问题,就以其父视图的高度为准,确定图片的显示高度. 以上三种情况,具体示例依次如下: 第一种情况,调用方法: - (void)imageLoadedFinis…

iOS：iOS开发非常全的三方库、插件等等

iOS开发非常全的三方库.插件等等 github排名:https://github.com/trending, github搜索:https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一.UI 下拉刷新 EGOTableViewPullRefresh- 最早的下拉刷新控件. SVPullToRefresh- 下拉刷新控件. MJRefresh- 仅需一行代码就可以为UITableView或者Co…