Faire le Fond de UIView un Dégradé Sans Sous-Classement

Est-il un moyen de rendre le fond d'une UIView un dégradé sans sous-classement? Je préfère ne pas utiliser un fichier d'image à faire. Il semble juste obtus d'avoir à la sous-classe UIView juste pour tirer un dégradé pour le fond.

InformationsquelleAutor macinjosh | 2009-05-10
  1. 33

    Vous pouvez utiliser +[UIColor colorWithPatternImage:] pour produire un motif d'arrière-plan. Exemple (apportez votre propre CGGradient):

    //Allocate color space
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
//Allocate bitmap context
CGContextRef bitmapContext = CGBitmapContextCreate(NULL, 320, 480, 8, 4 * 320, colorSpace, kCGImageAlphaNoneSkipFirst);
//allocate myGradient
CGFloat locationList[]  = {0.0f, 1.0f};
CGFloat colorList[]     = {0.0f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, 0.0f, 0.0f};
CGGradientRef myGradient   = CGGradientCreateWithColorComponents(colorSpace, colorList, locationList, 2);
//Draw Gradient Here
CGContextDrawLinearGradient(bitmapContext, myGradient, CGPointMake(0.0f, 0.0f), CGPointMake(320.0f, 480.0f), 0);
//Create a CGImage from context
CGImageRef cgImage = CGBitmapContextCreateImage(bitmapContext);
//Create a UIImage from CGImage
UIImage *uiImage = [UIImage imageWithCGImage:cgImage];
//Release the CGImage
CGImageRelease(cgImage);
//Release the bitmap context
CGContextRelease(bitmapContext);
//Release the color space
CGColorSpaceRelease(colorSpace);
//Create the patterned UIColor and set as background color
[targetView setBackgroundColor:[UIColor colorWithPatternImage:image]];

    Il sera probablement plus simple pour créer un UIView sous-classe si. Utiliser moins de mémoire.

    • il y a une fuite de mémoire dans la ligne #2 où il n'y a aucune chance de publier le résultat de CGColorSpaceCreateDeviceRGB()
    • Bonne prise. Fixe.
    • Bon implementaion. Une question cependant, cela fonctionne avec le nouvel écran retina appareils? (J'ai vu que 320x480 est codé en dur là)
    • il faudra encore travailler avec les périphériques de la rétine, mais seulement de rendre le gradient de 1x résolution; en fonction du gradient qui peut être suffisant. 320x480 est codé en dur pour prendre l'exemple de plus simple serait mieux de l'utiliser quel que soit le réel est la taille de.
    • Je vois, merci pour votre réponse! beaucoup apprécié!
    • Salut à tous. Qu'est-ce que myGradient dans ce code?
    • c'est un CGGradientRef que vous créez à l'aide de CGGradientCreateWithColors/CGGradientCreateWithColorComponents

    InformationsquelleAutor rpetrich
  2. 29

    Que vous pouvez faire:

    Swift >= 4.0:

    let gradient = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [UIColor.red.cgColor, UIColor.white.cgColor]
view.layer.insertSublayer(gradient, at: 0)

    Swift 3.0:

    let gradient = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [UIColor.red().cgColor, UIColor.white().cgColor]
view.layer.insertSublayer(gradient, at: 0)

    Swift <= 2.3:

    let gradient = CAGradientLayer()
gradient.frame = view.bounds
gradient.colors = [UIColor.redColor().CGColor, UIColor.whiteColor().CGColor]
view.layer.insertSublayer(gradient, atIndex: 0)

    Objective-C:

    CAGradientLayer *gradient = [CAGradientLayer layer];
gradient.frame = self.view.bounds;
gradient.colors = [NSArray arrayWithObjects:(id)[[UIColor redColor] CGColor], (id)[[UIColor whiteColor] CGColor], nil];
[self.view.layer insertSublayer:gradient atIndex:0];

    Assurez-vous d'ajouter le QuartzCore cadre de votre projet (au moins pour Objective-C)...

    #import <QuartzCore/QuartzCore.h>
    • cela a fonctionné parfaitement pour moi, merci.
    • Merci. Lisse comme de la soie
    • lorsque j'utilise ce code j'obtiens une erreur comme des symboles non définis pour l'architecture i386: "_OBJC_CLASS_$_CAGradientLayer", référencé à partir de:
    • ajouter #import <QuartzCore/QuartzCore.h>
    • j'ai écrit ce "cellForRowAtIndexPath" ,de sorte que je peux afficher de gradient de vue dans chaque cellule,et il fonctionne très bien,maintenant je fais face à un problème,alors que j'ai faites défiler vers le haut et vers le bas,le dégradé de couleur est venue de plus en plus sombre.comment résoudre ce problème?
    • Je voudrais poser une question à ce code que vous utilisez. Je pense que vous êtes l'ajout de la couche à chaque fois et c'est réutilisée par la tableView donc de faire une nuance plus foncée à chaque fois
    • exactement,ce que vous avez dit est juste, mais comment le résoudre?
    • vous pouvez supprimer la sous-couche -> stackoverflow.com/questions/2067578/... OU vous pouvez créer une nouvelle cellule à chaque fois
    • la suppression de la sous-couche cause de la défaillance. 🙁
    • désolé, mais j'ai posté un mauvais lien. Je ne voudrais pas supprimer tous les calques. Je voudrais utiliser cette réponse si vous pouvez garantir que vous êtes en train de supprimer le bon calque: stackoverflow.com/questions/2853568/tagging-calayers-in-iphone. Alors je voudrais également vous assurer que le nombre de sous-couches est supérieure à 0; parce que je pense que ce que mon être se passe, c'est que vous êtes en train de supprimer un important sous-couche ou que vous êtes à la suppression d'une sous-couche d'une couche qui n'en ont pas.
    • si vous pouviez poster cela comme une question ou vous envoyer votre code à mon e-mail: [email protected] je pourrais prendre un coup d'oeil et vous aider avec elle.
    • thankx,veuillez vérifier votre courrier
    • est-il possible de faire pivoter le dégradé ? comment?

    InformationsquelleAutor keji
  3. 1

    Je suis d'accord avec rpetrich, il serait plus propre de faire de la sous-classe UIView. Pour un exemple de procédure à suivre, voir ma réponse à cette question. Si vous le souhaitez, vous pouvez créer un générique de gradient sous-classe UIView et simplement la place que derrière les vues que vous voulez avoir gradient horizons.

    InformationsquelleAutor Brad Larson
  4. 0

    - Je changer l'adopté réponse à mon édition

    +(void) setBlackGradientToView:(UIView*)targetView
{
    CGRect frame = targetView.frame;
    //Allocate color space
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    //allocate myGradient
    CGFloat locationList[]  = {0.0f, 1.0f};
    CGFloat colorList[]     = {0.0f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, 0.0f, 0.0f};
    CGGradientRef myGradient   = CGGradientCreateWithColorComponents(colorSpace, colorList, locationList, 2);
    //Allocate bitmap context
    CGContextRef bitmapContext = CGBitmapContextCreate(NULL, frame.size.width, frame.size.height, 8, 4 * frame.size.width, colorSpace, kCGImageAlphaPremultipliedLast);
    //Draw Gradient Here
    CGContextDrawLinearGradient(bitmapContext, myGradient, CGPointMake(0.0f, 0.0f), CGPointMake(0, frame.size.height), 0);
    //Create a CGImage from context
    CGImageRef cgImage = CGBitmapContextCreateImage(bitmapContext);
    //Create a UIImage from CGImage
    UIImage *uiImage = [UIImage imageWithCGImage:cgImage];
    //Release the CGImage
    CGImageRelease(cgImage);
    //Release the bitmap context
    CGContextRelease(bitmapContext);
    //Release the color space
    CGColorSpaceRelease(colorSpace);

    //Create the patterned UIColor and set as background color
    [targetView setBackgroundColor:[UIColor colorWithPatternImage:uiImage]];
    //return uiImage;
}
    InformationsquelleAutor lbsweek