摘要：
什么是Bitmap？ Bitmap叫做位图，每一个像素点由1－32bit组成。每个像素点包括多个颜色组件和一个Alpha组件（例如：RGBA）。 iOS中指出如下格式的图片 JPEG, GIF, PNG, TIF, ICO, GMP, XBM,和 CUR。其他格式的图片要给Quartz2D传入图片的 阅读全文
posted @ 2016-10-11 13:50
brave-sailor
阅读(761)
评论(0)
推荐(0)
摘要：
前言：这个系列写道这里已经是第五篇了，本文会介绍下阴影和渐变的基础知识，以及一些基本的Demo Code展示，应该还会有两篇，介绍下Bitmap绘制以及Pattern等知识。 Shadow shadow（阴影）的目的是为了使UI更具有立体感，如图 shadow主要有三个影响因素 x off-set 阅读全文
posted @ 2016-10-11 13:45
brave-sailor
阅读(1229)
评论(0)
推荐(0)
摘要：
前言：Quartz默认采用设备无关的user space来进行绘图，当context（画板）建立之后，默认的坐标系原点以及方向也就确认了，可以通过CTM（current transformation matrix）来修坐标系的原点。从数组图像处理的角度来说，就是对当前context state乘以一 阅读全文
posted @ 2016-10-11 13:42
brave-sailor
阅读(795)
评论(0)
推荐(0)
摘要：
Stroke-描边 影响描边的因素 线的宽度－CGContextSetLineWidth 交叉线的处理方式－CGContextSetLineJoin 线顶端的处理方式－CGContextSetLineCap 进一步限制交叉线的处理方式 －CGContextSetMiterLimit 是否要虚线－Li 阅读全文
posted @ 2016-10-11 13:40
brave-sailor
阅读(492)
评论(0)
推荐(0)
摘要：
前言：一个路径可以包含由一个或者多个shape以及子路径subpath,quartz提供了很多方便的shape可以直接调用。例如：point,line,Arc(圆弧),Curves(曲线),Ellipse(椭圆),矩形(Rectangle). 对这些path可以进行stroke（描边）,也可以进行f 阅读全文
posted @ 2016-10-11 12:30
brave-sailor
阅读(530)
评论(0)
推荐(0)
摘要：
前言：最近在研究自定义控件，由于想要彻底的定制控件的视图还是要继承UIView，虽然对CALayer及其子类很熟练，但是对Quartz 2D这个强大的框架仍然概念模棱两可。于是，决定学习下，暂定7篇文章讲解，会写一些Demo。 官方文档 本文的代码Demo在最后一部分 Quartz 2D用来干嘛的？ 阅读全文
posted @ 2016-10-11 11:57
brave-sailor
阅读(327)
评论(0)
推荐(0)
摘要：
1.画三角形 运行结果如下 1.1具体实现步骤 1.1.1首先新建一个project，然后自定义一个view 1.2代码 [objc] view plain copy #import "htingShapeView.h" @implementation htingShapeView - (id)in 阅读全文
posted @ 2016-10-11 11:56
brave-sailor
阅读(1840)
评论(0)
推荐(0)
摘要：
0 CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文 1 CGContextMoveToPoint 开始画线 2 CGContextAddLineToPoint 画直线 4 CGContextAddEllipseInRect 画一 阅读全文
posted @ 2016-10-11 11:52
brave-sailor
阅读(314)
评论(0)
推荐(0)
摘要：
首先了解一下CGContextRef: An opaque type that represents a Quartz 2D drawing environment. Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的vie 阅读全文
posted @ 2016-10-11 11:47
brave-sailor
阅读(215)
评论(0)
推荐(0)
摘要：
汉堡按钮在界面设计中已经是老生常谈了，但是当我在dribbble看到这个漂亮的过渡动画时，我决定试试用代码实现它。 这是 CreativeDash team 的原型图： 你可能已经注意到了，汉堡顶部和底部的线条是来自’X’字符，中间的线条变为外框。我知道这种效果可以用CAShapeLayer创建出来 阅读全文
posted @ 2016-10-11 11:41
brave-sailor
阅读(368)
评论(0)
推荐(0)
浙公网安备 33010602011771号