view 渐变效果

  1. #import <QuartzCore/QuartzCore.h>  
  1. CAGradientLayer *gradient = [CAGradientLayer layer];  
  2. gradient.frame = rect;  
  3. gradient.colors = [NSArray arrayWithObjects:(id)[UIColor blackColor].CGColor,   
  4.                                             (id)[UIColor grayColor].CGColor,   
  5.                                             (id)[UIColor blackColor].CGColor,nil];  
  6. [self.layer insertSublayer:gradient atIndex:0]; 


最近用code写了些view上的渐变效果,使得app的UI特效不必全部依赖美工出的图片。

效果如下:


主要用到了Layer上的渐变层,核心代码如下,关于CALayer的使用可参考

[objc]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. //Transparent Gradient Layer  
  2. - (void) insertTransparentGradient {  
  3.     UIColor *colorOne = [UIColor colorWithRed:(33/255.0 green:(33/255.0 blue:(33/255.0 alpha:0.0];  
  4.     UIColor *colorTwo = [UIColor colorWithRed:(33/255.0 green:(33/255.0 blue:(33/255.0 alpha:1.0];  
  5.     NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil nil];  
  6.     NSNumber *stopOne = [NSNumber numberWithFloat:0.0];  
  7.     NSNumber *stopTwo = [NSNumber numberWithFloat:1.0];  
  8.     NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil nil];  
  9.       
  10.     //crate gradient layer  
  11.     CAGradientLayer *headerLayer = [CAGradientLayer layer];  
  12.       
  13.     headerLayer.colors = colors;  
  14.     headerLayer.locations = locations;  
  15.     headerLayer.frame = self.bounds;  
  16.       
  17.     [self.layer insertSublayer:headerLayer atIndex:0];  
  18. }  
  19.   
  20.   
  21. //color gradient layer  
  22. - (void) insertColorGradient {  
  23.       
  24.     UIColor *colorOne = [UIColor colorWithRed:(255/255.0) green:(255/255.0) blue:(255/255.0) alpha:1.0];  
  25.     UIColor *colorTwo = [UIColor colorWithRed:(33/255.0 green:(33/255.0 blue:(33/255.0 alpha:1.0];  
  26.       
  27.     NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil nil];  
  28.     NSNumber *stopOne = [NSNumber numberWithFloat:0.0];  
  29.     NSNumber *stopTwo = [NSNumber numberWithFloat:1.0];  
  30.       
  31.     NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil nil];  
  32.     CAGradientLayer *headerLayer = [CAGradientLayer layer];  
  33.     headerLayer.colors = colors;  
  34.     headerLayer.locations = locations;  
  35.     headerLayer.frame = self.bounds;  
  36.       
  37.     [self.layer insertSublayer:headerLayer above:0];  
  38.       
  39. }  


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值