自己画View其实没那么可怕

身边好多 刚入行的朋友 特别恐惧 自己画 控件 其实 这个东西 并不是太难 (主要归功于苹果的工程师们  , 因为OC最接近自然语言) ,  现在 我们就 画一个渐变色的VIew (我就用一些特别low的 方式 一步步 说一说过程, <=.=  网上一查 一大把嘿嘿>)

- (void)creatGround {

    

    //创建CGContextRef

//这句话 可以理解为 创建一张画布  字面上看着 就是说 开始绘制 上下文 括号里的就是 画布的大小啦

    UIGraphicsBeginImageContext(self.bounds.size);

//重绘图像 

    CGContextRef gc = UIGraphicsGetCurrentContext();

    

    //创建CGMutablePathRef就是 绘画的路径 可以当成 铅笔的走向  这里设定的是 可变的 也就是 可以动的

    CGMutablePathRef path =CGPathCreateMutable();

    

    //绘制Path(这里就是 点到点的 走向啦   点动成线 线动成面 完美的诠释了这句话 )

// 设置 范围 (就是你的铅笔可以瞎几把画的范围, 这里是父视图的全范围)

    CGRect rect =CGRectMake(0,0, self.frame.size.width,self.frame.size.height);

//不要被MoveToPoint 的只管翻译意思蒙蔽了,  这个其实就 起点

    CGPathMoveToPoint(path,NULL, CGRectGetMinX(rect),0);

//(特别注意 OC 画图 是逆时针走向的 比如 口  先画竖线 再画 横 在往上 再往左)

    CGPathAddLineToPoint(path,NULL, 0,CGRectGetMaxY(rect));

// CGPathAddLineToPoint 里面的参数 就不说了 试着去改一改 看看效果就知道了

    CGPathAddLineToPoint(path,NULL, CGRectGetWidth(rect),CGRectGetMaxY(rect));

    CGPathAddLineToPoint(path,NULL, CGRectGetWidth(rect),0);

//结束 回归起点 (就是闭合  从最后的Point 链接到原点 )

    CGPathCloseSubpath(path);

    

    //绘制渐变

    [selfdrawLinearGradient:gcpath:path startColor:UWPink.CGColorendColor:[UIColorhx_colorWithHexRGBAString:@"#f54f68"].CGColor];

    

    //注意释放CGMutablePathRef

    CGPathRelease(path);

    

    //从Context中获取图像，并显示在界面上

    UIImage *img = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    

    UIImageView *imgView = [[UIImageViewalloc] initWithImage:img];

    [selfaddSubview:imgView];

    

    

}

- (void)drawLinearGradient:(CGContextRef)context

                      path:(CGPathRef)path

                startColor:(CGColorRef)startColor

                  endColor:(CGColorRef)endColor

{

   CGColorSpaceRef colorSpace =CGColorSpaceCreateDeviceRGB();

   CGFloat locations[] = {0.0,1.0 };

    

   NSArray *colors =@[(__bridgeid) startColor, (__bridgeid) endColor];

    

   CGGradientRef gradient =CGGradientCreateWithColors(colorSpace, (__bridgeCFArrayRef) colors, locations);

    

    

   CGRect pathRect =CGPathGetBoundingBox(path);

    

   //具体方向可根据需求修改

   CGPoint startPoint =CGPointMake(CGRectGetMinX(pathRect),0);

   CGPoint endPoint =CGPointMake(CGRectGetMinX(pathRect),CGRectGetMaxY(pathRect));

    

   CGContextSaveGState(context);

   CGContextAddPath(context, path);

   CGContextClip(context);

   CGContextDrawLinearGradient(context, gradient, startPoint, endPoint,0);

   CGContextRestoreGState(context);

    

   CGGradientRelease(gradient);

   CGColorSpaceRelease(colorSpace);

}

/*复制粘贴 拿起键盘就是干*/

---------------------------没法再丑的博客------------------