Thủ công vẽ một gradient trong ứng dụng iPhone?

Question

Nếu tôi có hai UIColors, cách tốt nhất để vẽ một gradient đồng đều giữa chúng trên một khu vực có kích thước tùy ý là gì?

Tôi đoán bạn sẽ tạo một lớp con UIView và sử dụng phương thức vẽ CG trong phương thức drawRect. Tôi chỉ không biết cái nào, hoặc nếu có bất kỳ cạm bẫy nào để xem, như hiệu suất. Có ai đã làm điều này không?

Answer 1

Bạn sẽ muốn sử dụng CGGradient. Xem tài liệu "CGGradient Reference" của iPhone Dev Center.

Answer 2

#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];  
} 

Đừng quên thêm thư viện QuartzCore vào dự án của bạn.

Answer 3

tôi thấy rằng việc sử dụng CAGradientLayer tạo ra một gradient với chú ý đẩy mạnh Đã kết thúc sử dụng này

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

Theo câu hỏi này Gradients on UIView and UILabels On iPhone

Answer 4

Đối với quan điểm rằng vẽ văn bản, chẳng hạn như UILabel, UITextView và UITextField, bạn nên thêm độ dốc bên trong drawRect chức năng. (xem ví dụ này post).

Có một số lớp con tuyệt vời của UILabel, UITextView và UITextField cho phép bạn thêm độ dốc khá dễ dàng (xem JBGradient on GitHub).

Answer 5

Giải pháp tương tự như @Anton Chikin nhưng mạnh hơn một chút. Chú ý ghi đè layerClass ... theo cách này, bạn không phải lo lắng về việc đặt khung và khung được tự động cập nhật khi xoay vòng & đổi kích thước.

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] 
     } 
    } 

} 

Nếu bạn đang sử dụng IB, bạn có thể đặt thuộc tính thông qua "Thuộc tính thời gian chạy do người dùng xác định".

Nếu bạn không sử dụng IB, hãy sử dụng trình khởi tạo khác.

Answer 6

Cách Swift thêm Gradient là:

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() là một lớp helper cho Swift để chuyển đổi hex color-rgb color, rất khuyến khích.

Answer 7

hi bạn có thể sử dụng sau đây để áp dụng gradient trên xem

-(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]; 
}