如果我有两个UIColors,那么在任意大小的区域之间绘制均匀渐变的最佳方法是什么?
我猜你会创建一个UIView子类并在drawRect方法中使用CG绘图方法。我只是不知道哪些,或者是否有任何陷阱需要注意,比如性能。有没有人这样做过?
答案 0 :(得分:50)
#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库添加到项目中。
答案 1 :(得分:20)
你想要使用CGGradient。请参阅iPhone开发人员中心“CGGradient Reference”文档。
答案 2 :(得分: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
的帮助类,强烈推荐。
答案 3 :(得分:0)
我发现使用CAGradientLayer会产生一个明显踩踏的渐变 结束使用此
答案 4 :(得分:0)
对于绘制文字的视图,例如UILabel
,UITextView
和UITextField
,您应该在drawRect
函数中添加渐变。 (有关示例,请参阅此post。)
UILabel
,UITextView
和UITextField
有一些很棒的子类,可让您轻松添加渐变(请参阅JBGradient on GitHub)。
答案 5 :(得分:0)
与@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,请使用其他初始化程序。
答案 6 :(得分:0)
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];
}