code实现透明度渐变和颜色渐变的view

最新推荐文章于 2024-06-19 11:39:51 发布

Mr_Big_Kong

最新推荐文章于 2024-06-19 11:39:51 发布

阅读量581

点赞数

分类专栏： iOS 文章标签：渐变view

iOS 专栏收录该内容

37 篇文章

订阅专栏

本文介绍如何通过代码实现应用界面的渐变效果，减少对美工图片的依赖，展示了透明渐变层和颜色渐变层的核心代码，并提供了详细的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

效果如下：

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

[objc]view plaincopyprint? 
   
 //Transparent Gradient Layer  
 - (void) insertTransparentGradient {  
     UIColor *colorOne = [UIColor colorWithRed:(33/255.0)  green:(33/255.0)  blue:(33/255.0)  alpha:0.0];  
     UIColor *colorTwo = [UIColor colorWithRed:(33/255.0)  green:(33/255.0)  blue:(33/255.0)  alpha:1.0];  
     NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil nil];  
     NSNumber *stopOne = [NSNumber numberWithFloat:0.0];  
     NSNumber *stopTwo = [NSNumber numberWithFloat:1.0];  
     NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil nil];  
       
     //crate gradient layer  
     CAGradientLayer *headerLayer = [CAGradientLayer layer];  
       
     headerLayer.colors = colors;  
     headerLayer.locations = locations;  
     headerLayer.frame = self.bounds;  
       
     [self.layer insertSublayer:headerLayer atIndex:0];  
 }  
   
   
 //color gradient layer  
 - (void) insertColorGradient {  
       
     UIColor *colorOne = [UIColor colorWithRed:(255/255.0) green:(255/255.0) blue:(255/255.0) alpha:1.0];  
     UIColor *colorTwo = [UIColor colorWithRed:(33/255.0)  green:(33/255.0)  blue:(33/255.0)  alpha:1.0];  
       
     NSArray *colors = [NSArray arrayWithObjects:(id)colorOne.CGColor, colorTwo.CGColor, nil nil];  
     NSNumber *stopOne = [NSNumber numberWithFloat:0.0];  
     NSNumber *stopTwo = [NSNumber numberWithFloat:1.0];  
       
     NSArray *locations = [NSArray arrayWithObjects:stopOne, stopTwo, nil nil];  
     CAGradientLayer *headerLayer = [CAGradientLayer layer];  
     headerLayer.colors = colors;  
     headerLayer.locations = locations;  
     headerLayer.frame = self.bounds;  
       
     [self.layer insertSublayer:headerLayer above:0];  
       
 }  