Daily Archives: 2014年12月1日

Quartz2D的基本使用(第五讲:使用Quartz2D给UIView扩展设置背景图片的分类)

一、基本思路

1、系统原生态的UIView只有设置背景颜色的方法,并不提供设置背景图片的方法,但有些场景下我们需要对view设置背景图片,尤其是继承自UIView的其他类,因经我们需要通过分类(Category)给UIView扩展一个设置背景图片的方法;

2、基本出发点是UIView的设置背景颜色方法中,有一个可以通过图片平铺来当作颜色使用,如果我们平铺的图片大小与当前的View大小正好相同,则只平铺一张,效果与背景图片完全一致;

3、问题来了,那我给一张大小相同的图片不就结了吗?这个其实是有漏洞的,比如屏幕适配的问题,你如何保证不同大小屏幕的手机都能正好铺满当前View呢?

4、废话不多说,先开启一个图片上下文,将图片以当前View大小渲染到图片上下文

5、取出当前上下文的图片

6、利用UIColor的colorWithPatternImage:方法将图片平铺上去

7、关闭图片上下文,搞定![……]

继续阅读

iOS项目开发-如何在沙盒中创建文件夹

一、基本思路

1、拼接好需要创建文件夹在沙盒中的绝对路径

2、利用NSFileManager判断需要创建的目录中是否存在该文件夹

3、如果不存在则创建该文件夹

二、关键代码

1
2
3
4
5
//
//  SACache.m
//  MIG
//
//  Created by 余西安 on 14/11/27.[......]<p class="read-more"><a href="https://www.yusian.com/blog/project/2014/12/01/152706416.html">继续阅读</a></p>

Quartz2D的基本使用(第四讲:图片裁剪-QQ圆形头像制作)

一、基本思路

1、开启位图上下文(UIGraphicsGetCurrentContext()为普通图层上下文,即view的layer层),位图上下文使用函数UIGraphicsBeginImageContext(CGSize size)或UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)开启;

2、描述一个原图加边框大小的圆形区域;(假设原图为正方形,原图边长为10,边框为2,则新区域边长为14)

3、将该区域填充为白色并渲染上去

4、以原图片大小描述一个新的圆形区域并设置合适的大小尺寸使其居于上一个白色圆形的正中心

5、裁剪该圆形区域

6、将原图片渲染到新的圆形区域,由于上面的剪裁关系,超出圆形区域自动不可见

7、获取上下文渲染出来的图片设置某个UIImageView上查看效果

8、为方便使用,将上述方面封装成UIImage的Category,传入图片名及边框大小即可返回新的圆形头像图片[……]

继续阅读

Quartz2D的基本使用(第三讲:图形上下文栈)

1、在Quartz2D的图形样式设置中,所有的样式都是针对图形上下文的,只要设置了即会整个图形上下文生成的图形产生影响;
2、具体一点讲,如果设置了线条宽度为2像素,那么后续绘制的所有线条都是2像素宽;
3、如果后续有些线段只需要1个像素宽则重新设置线条宽度,并且该设置会覆盖前面2个像素的设置参数;
4、基于这种特性,对于图形上下文的参数设置Quartz2D引进了一个图形上下文栈的概念;
5、使用非常简单,只需要2步;
5.1、将当前图形上下文设置入栈:CGContextSaveGState(CGContextRef c);
5.2、将保存的图形上下文恢复到当前的上下文设置中:CGContextRestoreGState(CGContextRef c);
6、入栈与出栈操作一般成对出现,并且可以嵌套;
7、示例说明:
7.1、函数graphOne()为未使用图形上下文栈的效果,graphTwo()为使用了图形上下文栈的效果[……]

继续阅读

Quartz2D的基本使用(第二讲:基本图形绘制)

一、基本绘图方法

1、移动画笔位置方法形式如 CGContextMovexxxx, 如:CGContextMoveToPoint(CGContextRef c, CGFloat x, CGFloat y)为移动到坐标(x, y)

2、描述图形方法如 CGContextAddxxxx,如:
CGContextAddLineToPoint(CGContextRef c, CGFloat x, CGFloat y),描述一个线段从当前画笔点到点(x,y)
GContextAddRect(CGContextRef c, CGRect rect),根据传入的rect描述一个矩形,rect中指定了位置与尺寸
CGContextAddEllipseInRect(CGContextRef context, CGRect rect),根据传入的rect描述一个在rect中能容纳的最大椭圆,如果为rect中width与height相等则为圆
CGContextAddArc(CGContextRef c, CGFloat x, CGFloat y, CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise),该函数为画一段圆弧,传入的参数分别为:上下文,圆心x坐标,圆心y坐标, 半径, 开始弧度值,结束弧度值,顺时钟(1为顺时钟,0为逆时钟)

3、图形设置方法如 CGContextSetxxxx,如:
CGContextSetRGBFillColor(CGContextRef context, CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha),填充图形时使用的颜色RGB与透明度值

4、图形渲染 CGContextxxxxPath(),如:
CGContextFillPath(CGContextRef c), 渲染为实心图形
CGContextStrokePath(CGContextRef c), 渲染为空心图形[……]

继续阅读