Question

如果我有两个UIColors，那么在任意大小的区域之间绘制均匀渐变的最佳方法是什么？

我猜你会创建一个UIView子类并在drawRect方法中使用CG绘图方法。我只是不知道哪些，或者是否有任何陷阱需要注意，比如性能。有没有人这样做过？

Answer 1

#import <QuartzCore/QuartzCore.h>    
- (void) setGradient {
    CAGradientLayer *gradient = [CAGradientLayer layer];
    gradient.frame = self.view.bounds;
    gradient.colors = [NSArray arrayWithObjects:(id)[[UIColor whiteColor] CGColor], (id)[[UIColor blackColor] CGColor], nil];
    [self.view.layer insertSublayer:gradient atIndex:0];     
}

不要忘记将QuartzCore库添加到项目中。

Answer 2

你想要使用CGGradient。请参阅iPhone开发人员中心“CGGradient Reference”文档。

Answer 3

添加渐变的Swift方法是：

    var view : UIView = UIView(frame: CGRectMake(0, 0, 320, 100))
    var g : CAGradientLayer = CAGradientLayer()
    g.frame = gradientView.bounds
    g.colors = ["000000".UIColor.CGColor , "111111".UIColor.CGColor]
    view.layer.insertSublayer(g, atIndex: 0)

UIColor()是Swift将hex color转换为rgb color的帮助类，强烈推荐。

Answer 4

我发现使用CAGradientLayer会产生一个明显踩踏的渐变结束使用此

http://evilrockhopper.com/tag/cggradient/

根据这个问题Gradients on UIView and UILabels On iPhone

Answer 5

对于绘制文字的视图，例如UILabel，UITextView和UITextField，您应该在drawRect函数中添加渐变。（有关示例，请参阅此post。）

UILabel，UITextView和UITextField有一些很棒的子类，可让您轻松添加渐变（请参阅JBGradient on GitHub）。

Answer 6

与@Anton Chikin相同的解决方案，但更强大一点。注意覆盖layerClass ......这样，您不必担心设置框架，并且框架会在旋转时自动更新。调整大小。

class GradientView: UIView {

    var colorA : UIColor = UIColor.greenColor() {
        didSet { updateGradient() }
    }
    var colorB : UIColor = UIColor.blueColor() {
        didSet { updateGradient() }
    }

    override class func layerClass() -> AnyClass {
        return CAGradientLayer.self
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        updateGradient()
    }

    func updateGradient() {
        if let gLayer = layer as? CAGradientLayer {
            gLayer.colors = [colorA.CGColor, colorB.CGColor]
        }
    }

}

如果您正在使用IB，则可以通过＆＃34;用户定义的运行时属性＆＃34;设置属性。

如果您不使用IB，请使用其他初始化程序。

Answer 7

hi you can use following to to apply gradient on view

-(void)applyGradientEffecttoView:(UIView *)aView
 {
     // Create the colors

     UIColor *darkOp = [UIColor colorWithRed:0.0f green:0.0f blue:0.0f alpha:1.0];
     UIColor *lightOp =[UIColor colorWithRed:255.0f green:255.0f blue:255.0f alpha:0.0];

      // Create the gradient
      CAGradientLayer *gradient = [CAGradientLayer layer];

      // Set colors
      gradient.colors = [NSArray arrayWithObjects:
                        (id)lightOp.CGColor,
                        (id)darkOp.CGColor,
                        nil];
     gradient.locations = [NSArray arrayWithObjects:
                          [NSNumber numberWithFloat:0.0f],
                          [NSNumber numberWithFloat:0.5],
                          nil];

    // Set bounds
     gradient.frame = aView.bounds;

   // Add the gradient to the view

  [aView.layer insertSublayer:gradient atIndex:0];
}

在iPhone应用程序中手动绘制渐变？

7 个答案: