iOS的绘图机制二 - iOS,iPad,iPhone,Objective-c

晨曦之光 发布于 2012/05/28 16:49
阅读 604
收藏 0

在iOS的绘图机制那篇文章中,我说了很多大道理,现在我觉得应该摆上台来说程序本身的主题了。当说完程序本身的主题,我再引入绘图如何去定制我们的视图(UIView),估计大家就会和我一样收获很多。

我们说过iOS的基本绘图机制用的是它的CGxxxx系列函数,CG就是Core Graphics,我叫核心图形库。那我们按照主题一个一个来聊吧(我这里提出来的主题就是苹果官方提出来的主题,我试图通俗一点介绍)。

不对,我还要介绍一些概念,否则,怕大家还是乱,一个一个来:

坐标和坐标变换:坐标我不说了,坐标变换我想说一下。在iOS应用中,把视图进行缩放、旋转等都是常见的事情。所以我们每次拿到一个画板,就不能直接在上面操作起来,说不定这个画板已经被放大了1000倍。那在数学的角度来说就是坐标变了。在直角坐标系中左边变换无非就是平移,缩放,旋转,当然你是比较“独”的人,那你可以用任何变换矩阵,总之我管不了你。但无论你怎么变,我们都能抽象成一个3X3的矩阵。(你不熟悉矩阵吗?我也不熟悉。没关系,你知道这回事就可以了,更何况一个3X3的矩阵复杂不到哪里去,至于为什么对直觉坐标系采用3X3的矩阵,你自己想去了,我怎么知道呢?)。在iOS中有个概念叫CTM(当前变换矩阵),其实它就是告诉你,你工作之前要先明白当前的坐标特点了。否则,你怎么在上面画图啊。你告诉个数字大家理解都不一样。例如第一篇文章中的图片倒立绘制问题就是这个原因了。

路径:在第一篇文章中我也提过,但还是觉得应该拿出来解释一下。其实这个东西没有什么大不了的,只是在现实中我们拿个刷子的动作是那么的自然,以至于我们忽略了它,但计算机需要把这个过程数字化,所以就提出来了这个概念。但这里我要强调的是既然是计算机,那么对路径的操作就期望比我们人更加不厌其烦,例如,我们在墙上画了很多东西,我们要察掉部分多于,那就要慢慢来,但计算机可以通过其计算能力帮你,例如它可以计算你画的路径是否闭合,不闭合可以给你补一下,然后对闭合外进行裁剪等。ok!我们在这里提到了裁剪,例如你可以贴一张图片(方方正正的),然后用一个五星形状的路径去裁剪。好玩吧?哦!这里好像把裁剪也介绍了。后面就略了。

裁剪:路径那块好像提了一下,就那么回事了。

颜色和阴影相关:大家一定不陌生透明,CMYK,RGB这些破玩艺吧。如果陌生,那我就简单说说了。从颜色开始啊。首先让我们去区分CMYK和RGB的意义不是很大,就看你获取的原始设计颜色是怎么描述了。通常情况下大家知道RGB就够了。但在很多图形软件里面还提供RGBA模式,最后面加了一个透明值。大家需要注意一下,例如css3中,在iOS中也可以加入透明值。说起透明,我们一定要明白几个层面的意思:颜色透明度;当前画板的透明度以及工作透明层(估计大家还糊里糊涂,后面我会专门用例子谈这几个东东的)。我们在说一下阴影:Shadow。阴影有什么好说的?郁闷。

底纹和循环图:这个我不用说了吧?做网页大家都做循环背景的,那么iOS的绘图机制也是支持的。我只说一下底纹吧,底纹说白了也就是一个循环绘制的机制。这块你明白我为什么把底纹和循环图放到一块了吧。至于如何循环后面我们会说。

 

OK!进入我们的主题(我觉得画线什么的我就不用画了,我这里主要冲着实用去,给大家一些技巧)。

1、渐变背景

先看看效果图,我们经常需要渐变背景,大家只要会绘制上面的,那就有或多好玩的。例如棱角什么的。

CGContextRef context=UIGraphicsGetCurrentContext();
    //建立一个颜色梯度对象
    CGGradientRef myGradient;
    CGColorSpaceRef myColorSpace;
    size_t locationCount = 3;
    CGFloat locationList[] = {0.0, 0.1, 1.0};
    CGFloat colorList[] = {
        1.0, 0.0, 0.5, 1.0, //red, green, blue, alpha 
        1.0, 0.0, 1.0, 1.0, 
        0.3, 0.5, 1.0, 1.0
    };
    myColorSpace = CGColorSpaceCreateDeviceRGB();
    myGradient = CGGradientCreateWithColorComponents(myColorSpace, colorList, 
                                                    locationList, locationCount);//核心的函数就是这个,要搞清渐变一些量化的东西了。
    
    CGPoint startPoint, endPoint;
    startPoint.x = 0;
    startPoint.y = 0;
    endPoint.x = CGRectGetMaxX(self.bounds);
    endPoint.y = CGRectGetMaxY(self.bounds);
    CGContextDrawLinearGradient(context, myGradient, startPoint, endPoint,0);//这是绘制的,你可以通过裁剪来完成特定形状的过渡。
    CGColorSpaceRelease(myColorSpace);
    CGGradientRelease(myGradient);

 

待续,我出去吃个饭。



原文链接:http://blog.csdn.net/love_hot_girl/article/details/6962399
加载中
返回顶部
顶部