zoukankan      html  css  js  c++  java
  • ios image相关知识

    前言:本来准备测试不同格式、不同大小的图片的效率的,但是图片的效率问题主要有三个时间:alloc/init、decompression、render,我却不知道怎么把后两个步骤分开测。在网上找了些例子,发觉自己在图片方面知之甚少,所以,先补一下有关UIImage的知识吧!

    一、UIGraphics.h

    // UIImage context
    UIKIT_EXTERN void     UIGraphicsBeginImageContext(CGSize size);
    UIKIT_EXTERN void     UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) NS_AVAILABLE_IOS(4_0);
    UIKIT_EXTERN UIImage* UIGraphicsGetImageFromCurrentImageContext(void);
    UIKIT_EXTERN void     UIGraphicsEndImageContext(void);

    1、UIGraphicsBeginImageContext(CGSize size);

    描述:创建一个基于位图的图形上下文,并将其设置为当前上下文。

             当把UIGraphicsBeginImageContextWithOptions的opaque(透明开关)设为NO,scale(缩放因子)设为1.0时,和UIGraphicsBeginImageContext等效。

             在ios4.0之后,你可以在你的APP的任何线程中调用这个方法。

    参数:size是新位图bitmap上下文的大小,它也代表了UIGraphicsGetImageFromCurrentImageContext这个方法返回的image的size.

    2、 UIGraphicsEndImageContext(void);

    描述:从当前栈顶移除当前基于位图的图形上下文,清空通过UIGraphicsBeginImageContext创建的绘图环境。

             如果当前上下文不是通过UIGraphicsBeginImageContext创建的,那么这个方法什么都不做。

    3、一般用法:

    //画图
    - (void)drawUIImage:(UIImage *)image
    {
        UIGraphicsBeginImageContext(image.size);
        CGContextRef context = UIGraphicsGetCurrentContext();
        //为上下文设置anti-aliasing反锯齿是开还是关,anti-aliasing是一个图形状态参数
        CGContextSetShouldAntialias(context, NO);
        //为上下文设置Interpolation质量
        CGContextSetInterpolationQuality(context, kCGInterpolationNone);
        //设置混合模式
        CGContextSetBlendMode(context, kCGBlendModeCopy);
        //CGPointZero等同于CGPointMake(0, 0).从(0,0)开始把image这幅图画到当前上下文中
        [image drawAtPoint:CGPointZero];    
        UIGraphicsEndImageContext();
    }

    二、CGContext.h

    1、CGContextRef 绘图环境

    定义:typedef struct CGContext *CGContextRef;
    一般用法:CGContextRef context = UIGraphicsGetCurrentContext();得到当前上下文环境
     
     1  CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文
     2  CGContextMoveToPoint 开始画线
     3  CGContextAddLineToPoint 画直线
     4 
     5  CGContextAddEllipseInRect 画一椭圆
     6  CGContextSetLineCap 设置线条终点形状
     7  CGContextSetLineDash 画虚线
     8  CGContextAddRect 画一方框
     9  CGContextStrokeRect 指定矩形
    10  CGContextStrokeRectWithWidth 指定矩形线宽度
    11  CGContextStrokeLineSegments 一些直线
    12 
    13  CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针
    14  CGContextAddArcToPoint(context,0,0, 2, 9, 40);//先画俩条线从point 到 弟1点 , 从弟1点到弟2点的线  切割里面的圆
    15  CGContextSetShadowWithColor 设置阴影
    16  CGContextSetRGBFillColor 这只填充颜色
    17  CGContextSetRGBStrokeColor 画笔颜色设置
    18  CGContextSetFillColorSpace 颜色空间填充
    19  CGConextSetStrokeColorSpace 颜色空间画笔设置
    20  CGContextFillRect 补充当前填充颜色的rect
    21  CGContextSetAlaha 透明度
    22 
    23  CGContextTranslateCTM 改变画布位置
    24  CGContextSetLineWidth 设置线的宽度
    25  CGContextAddRects 画多个线
    26  CGContextAddQuadCurveToPoint 画曲线
    27  CGContextStrokePath 开始绘制图片
    28  CGContextDrawPath 设置绘制模式
    29  CGContextClosePath 封闭当前线路
    30  CGContextTranslateCTM(context, 0, rect.size.height);    CGContextScaleCTM(context, 1.0, -1.0);反转画布
    31  CGContextSetInterpolationQuality 背景内置颜色质量等级
    32  CGImageCreateWithImageInRect 从原图片中取小图
    33 
    34 //字符串的 写入可用  nsstring本身的画图方法 
    35  -(CGSize)drawInRect:(CGRect)rect 
    36             withFont:(UIFont *)font 
    37        lineBreakMode:(UILineBreakMode)lineBreakMode 
    38            alignment:(UITextAlignment)alignment;来写进去即可
    39 
    40 //对图片放大缩小的功能就是慢了点
    41  UIGraphicsBeginImageContext(newSize);
    42  UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
    43  UIGraphicsEndImageContext();
    44 
    45  CGColorGetComponents() 返回颜色的各个直 以及透明度 可用只读const float 来接收  是个数组
    46 
    47 //画图片 
    48  CGImageRef image=CGImageRetain(img.CGImage);
    49  CGContextDrawImage(context, CGRectMake(10.0, height - 100.0, 90.0, 90.0), image);
    50 
    51 //实现逐变颜色填充方法 CGContextClip(context);
    52  CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
    53  CGFloat colors[] =
    54     {
    55         204.0 / 255.0, 224.0 / 255.0, 244.0 / 255.0, 1.00,
    56         29.0 / 255.0, 156.0 / 255.0, 215.0 / 255.0, 1.00,
    57         0.0 / 255.0,  50.0 / 255.0, 126.0 / 255.0, 1.00,
    58     };
    59  CGGradientRef gradient = CGGradientCreateWithColorComponents(rgb, colors, NULL, sizeof(colors)/(sizeof(colors[0])*4));
    60  CGColorSpaceRelease(rgb);    
    61  CGContextDrawLinearGradient(context, gradient,CGPointMake(0.0,0.0) ,CGPointMake(0.0,self.frame.size.height),                    
    62     kCGGradientDrawsBeforeStartLocation);
    63     
    64 //注:  画完图后,必须
    65     先用CGContextStrokePath来描线,即形状
    66     后用CGContextFillPath来填充形状内的颜色.
    67 
    68 //填充一个路径的时候,路径里面的子路径都是独立填充的。
    69 //假如是重叠的路径,决定一个点是否被填充,有两种规则
    70  1,nonzero winding number rule:非零绕数规则,假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。
    71  2,even-odd rule: 奇偶规则,假如一个点被跨过,那么+1,最后是奇数,那么要被填充,偶数则不填充,和方向没有关系。
    72 
    73  
    74  CGContextEOFillPath //使用奇偶规则填充当前路径
    75  CGContextFillPath //使用非零绕数规则填充当前路径
    76  CGContextFillRect //填充指定的矩形
    77  CGContextFillRects //填充指定的一些矩形
    78  CGContextFillEllipseInRect //填充指定矩形中的椭圆
    79  CGContextDrawPath //两个参数决定填充规则,kCGPathFill表示用非零绕数规则,kCGPathEOFill表示用奇偶规则,kCGPathFillStroke表示填充,kCGPathEOFillStroke表示描线,不是填充
    80 
    81 
    82 //设置当一个颜色覆盖上另外一个颜色,两个颜色怎么混合
    83 //默认方式是
    84  result = (alpha * foreground) + (1 - alpha) * background
    85 
    86  CGContextSetBlendMode :设置blend mode.
    87  CGContextSaveGState :保存blend mode.
    88  CGContextRestoreGState:在没有保存之前,用这个函数还原blend mode.
    89  CGContextSetBlendMode 混合俩种颜色
    常用方法
    三、UIImage.h
    1、构造方法 :
        一大堆的(image或init)With(ContentsOfFile、Data、CGImage、CIImage).
    2、属性:
        CGSize size(图片尺寸)、
        CGImageRef CGImage(返回潜在的CGImageRef,或nil当是基于CIImage时)、
        CIImageRef CIImage(返回潜在的CIImageRef,或nil当是基于CGImage时)、
        UIImageOrientation imageOrientation(图片方向,这个属性将影响图片的构成)、CGFloat scale(图片的缩放比例)、
    3、外部绘图用的方法:
         - (void)drawAtPoint:(CGPoint)point;     (在指定位置)利用point作为左上角,绘制完整的不缩放的图像
         - (void)drawInRect:(CGRect)rect;        (在指定区域)在rect中绘制图像,可适当缩放
         - (void)drawAsPatternInRect:(CGRect)rect;  在rect中绘制图像,不缩放,但是在必要时平铺
         - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets  创建一个重新测量的图片,绘图时内部平铺。
         这几个方法都还可以带参数blendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha。
         注意:这些方法不能用作viewDidLoad:的一部分,或者通常用来加载对象的任何方法的一部分,这是因为它们依赖于图形上下文而工作。图形上下文是绘画的目的地,好比窗口等。在iphone和ipad中,UIView自动在CALayer中创建一个图形上下文,CALayer是与每个UIView相关联的Core Animation层,要访问的话可以建立UIView的子类并重写drawRect:方法。
     
    举例:#import <UIKit/UIKit.h>
             @interface drawView : UIView
             @end
     1 //
     2 //  drawView.m
     3 //  ImageEfficiencyDemo
     4 //
     5 //  Created by yuqiu on 13-7-24.
     6 //  Copyright (c) 2013年 yuqiu. All rights reserved.
     7 //
     8 
     9 #import "drawView.h"
    10 #import <ImageIO/ImageIO.h>
    11 #import <OpenGLES/ES2/gl.h>
    12 
    13 @implementation drawView
    14 
    15 - (id)initWithFrame:(CGRect)frame
    16 {
    17     self = [super initWithFrame:frame];
    18     if (self) {
    19       [self setNeedsDisplay];
    20     }
    21     return self;
    22 }
    23 
    24 
    25 - (void)drawRect:(CGRect)rect
    26 {
    27     NSString *path =  [[NSBundle mainBundle] pathForResource:@"snaguosha" ofType:@"png"];
    28     UIImage *image = [UIImage imageWithContentsOfFile:path];
    29   //  [image drawAtPoint:CGPointMake(0, 0)];
    30     [image drawInRect:CGRectMake(50, 50, 150, 150)];
    31 }
    32 @end
    drawView.m

    在viewController.m中的ViewDidLoad方法加上:

    drawView *dv = [[drawView alloc]initWithFrame:CGRectMake(0,0,300,300)];     [self.view addSubview:dv];
    PS:对NSString对象也有类似的drawAtPoint方法,把字符串画上。
        
    暂时就看了这些,基本够用了。以后再有不懂的,再查吧!
  • 相关阅读:
    Linux中的Diff和Patch
    旧磁带,新风险
    Mac下体验Hexo与Github Pages搭建
    Sublime Text 3 提高工作效率的使用技巧
    PHPExcel对于Excel中日期和时间类型的处理
    做Adsense的一些经验
    使用Fusioncharts实现后台处理进度的前台展示
    iOS: 数据持久化方案
    开发中,理解高内聚、低耦合
    iOS: lame框架将PCM录音转成MP3格式
  • 原文地址:https://www.cnblogs.com/wyqfighting/p/3212605.html
Copyright © 2011-2022 走看看