Dibujando manualmente un gradiente en las aplicaciones de iPhone?

Question

Si tengo dos UIColors, ¿cuál es la mejor manera de dibujar un degradado uniforme entre ellos en un área de tamaño arbitrario?

Supongo que crearía una subclase UIView y usaría los métodos de dibujo CG en el método drawRect. Simplemente no sé cuáles, o si hay algún escollo a tener en cuenta, como el rendimiento. ¿Alguien ha hecho esto?

Answer 1

Querrá usar CGGradient. Consulte el documento "CGGradient Reference" del Centro de desarrollo de iPhone.

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

No olvides agregar la biblioteca QuartzCore a tu proyecto.

Answer 3

He encontrado que el uso de CAGradientLayer produce un gradiente con notable intensificación acabaron utilizando este

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

Según esta pregunta Gradients on UIView and UILabels On iPhone

Answer 4

Para las vistas que atraen texto, como UILabel, UITextView y UITextField, debe agregar el degradado dentro del drawRect función. (vea esto post para un ejemplo).

Hay algunos grandes subclases de UILabel, UITextView, y UITextField que le permiten añadir un gradiente bastante facilidad (ver JBGradient on GitHub).

Answer 5

Solución idéntica a @Anton Chikin pero un poco más robusta. Observe la anulación de layerClass ... de esta manera, no tiene que preocuparse por establecer el marco y el marco se actualiza automáticamente tras la rotación & cambiar el tamaño.

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

} 

Si está utilizando IB, puede establecer las propiedades definidas por el usuario a través de "atributos de ejecución".

Si no está utilizando IB, use el otro inicializador.

Answer 6

La forma Swift añadir Gradiente es:

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() es una clase de ayuda para Swift para convertir a hex colorrgb color, muy recomendable.

Answer 7

hola puede utilizar siguiente para aplicar gradiente de vista

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