图形渐变效果(一)

原创 2013年12月03日 13:00:05

感谢网上亲们的资源,简单的实现线性渐变效果,分一二主要是对照两个不同的效果:


代码:

- (void)drawRect:(CGRect)rect

{

    //创建上下文

    CGContextRef currentContext =UIGraphicsGetCurrentContext();

    

    //色彩空间

    CGColorSpaceRef colorSpace =CGColorSpaceCreateDeviceRGB();

    //起点色

   UIColor *staColor = [UIColorredColor];

   CGFloat *staColorComponents = (CGFloat *)CGColorGetComponents([staColorCGColor]);

    

    //终点色

   UIColor *endColor = [UIColorgreenColor];

   CGFloat *endColorComponents = (CGFloat *)CGColorGetComponents([endColorCGColor]);

    

    //获取每种颜色分量写入数组中

   CGFloat colorComponents[8] = {

        staColorComponents[0],

        staColorComponents[1],

        staColorComponents[2],

        staColorComponents[3],

        endColorComponents[0],

        endColorComponents[1],

        endColorComponents[2],

        endColorComponents[3]

    };

    

    //渐变位置设置

   CGFloat colorIndices[2] = {0.0f,1.0f};

    

    //构建渐变对象句柄

   CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, (constCGFloat*)&colorComponents, (constCGFloat*)&colorIndices,2);

    

    //释放色彩空间

    CGColorSpaceRelease(colorSpace);

    

   CGRect screenBounds = [selfbounds];

   CGPoint staPoint,endPoint;

    staPoint =CGPointMake(0.0f, screenBounds.size.height);

    endPoint =CGPointMake(screenBounds.size.width, staPoint.y);

   CGContextDrawLinearGradient(currentContext, gradient, staPoint, endPoint,0);

    CGGradientRelease(gradient);

}


相关文章推荐

Qt Quick里的图形效果——渐变(Gradient)

介绍 Qt Quick 图形效果里的三种渐变效果:LinearGradient、ConicalGradient和RadialGradient……...
  • foruok
  • foruok
  • 2015年01月28日 07:18
  • 8944

171图形渐变相册导航特效

  • 2013年11月12日 00:05
  • 126KB
  • 下载

绘制渐变图形的源代码资源

  • 2010年07月01日 10:29
  • 75KB
  • 下载

HTML5利用Canvas绘制图形(绘制渐变、模式、变换)

绘制渐变 渐变是一种很普遍的视觉形象,能带来视觉上的舒适感。在Canvas中,绘图API提供了两个原生的渐变方法,包括线性渐变和径向渐变。渐变,在颜色集上使用逐步抽样的算法,可以应用的描边样式和填充...

VB 图形与渐变 方程图像

  • 2013年10月30日 20:57
  • 4KB
  • 下载

Silverlight开发历程—(绘制放射渐变图形)

放射渐变画刷(RadialGradientBrush) 用来填充一个放射渐变色到元素中,它产生的是一个圆形的渐变色,从图形的中心向周围扩张 重要属性有,倾斜原点(GradientOrigin)、中心点...

J.渐变效果 2D 3D

  • 2017年07月14日 10:01
  • 251KB
  • 下载

CSS文本渐变效果

  • 2014年09月12日 12:21
  • 2KB
  • 下载

Canvas入门(2):图形渐变和图像形变换

来源:http://www.ido321.com/986.html 一、图形渐变(均在最新版Google中测试) 1、绘制线性渐变 1: // 获取canvas 的ID 2: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图形渐变效果(一)
举报原因:
原因补充:

(最多只允许输入30个字)