Dessiner manuellement un dégradé dans les applications iPhone?

Question

Si j'ai deux UIColors, quelle est la meilleure façon de dessiner un gradient uniforme entre eux sur une zone de taille arbitraire?

Je suppose que vous créez une sous-classe UIView et utilisez les méthodes de dessin CG dans la méthode drawRect. Je ne sais pas lesquels, ou s'il y a des pièges à surveiller, comme la performance. Est-ce que quelqu'un a fait ça?

Answer 1

Vous devez utiliser CGGradient. Voir le document "CGGradient Reference" du centre de développement iPhone. N'oubliez pas d'ajouter la bibliothèque QuartzCore à votre projet.

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

N'oubliez pas d'ajouter la bibliothèque QuartzCore à votre projet.

Answer 3

Je trouve que l'utilisation CAGradientLayer produit un gradient avec notable progression Nous avons fini en utilisant ce

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

Comme par cette question Gradients on UIView and UILabels On iPhone

Answer 4

Pour les vues qui attirent le texte, tels que UILabel, UITextView, et UITextField, vous devez ajouter le dégradé à l'intérieur du drawRect fonction. (voir ce post pour un exemple).

Il y a quelques sous-classes de UILabel, UITextView et UITextField qui vous permettent d'ajouter un dégradé assez facilement (voir JBGradient on GitHub).

Answer 5

Même solution que @Anton Chikin mais un peu plus robuste. Notez le remplacement de layerClass ... de cette façon, vous n'avez pas à vous soucier de définir le cadre et le cadre est automatiquement mis à jour lors de la rotation & redimensionner. Si vous utilisez IB, vous pouvez définir les propriétés via "Attributs d'exécution définis par l'utilisateur".

Si vous n'utilisez pas IB, utilisez l'autre initialiseur.

Answer 6

La façon dont Swift ajouter est dégradé:

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() est une classe d'aide pour Swift convertir hex color-rgb color, fortement recommandé.

Answer 7

Salut, vous pouvez utiliser ci-dessous pour appliquer un gradient sur la vue

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