Manuelles Zeichnen eines Farbverlaufs in iPhone-Apps?

Question

Wenn ich zwei UIColors habe, wie zeichne ich dann am besten einen gleichmäßigen Farbverlauf über einem beliebig großen Bereich auf?

Ich vermute, Sie würden eine UIView-Unterklasse erstellen und die CG-Zeichenmethoden in der drawRect-Methode verwenden. Ich weiß nur nicht, welche, oder ob es irgendwelche Fallstricke gibt, auf die man achten sollte, wie die Leistung. Hat jemand das getan?

Answer 1

Sie möchten CGGradient verwenden. Siehe das iPhone Dev Center "CGGradient Reference" Dokument.

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

Vergessen Sie nicht, Ihrem Projekt die QuartzCore-Bibliothek hinzuzufügen.

Answer 3

Ich fand, dass mit CAGradientLayer einen Gradienten erzeugt mit spürbarem Schritt diese am Ende mit

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

Per dieser Frage Gradients on UIView and UILabels On iPhone

Answer 4

Für Ansichten, den Text zu zeichnen, wie UILabel, UITextView und UITextField sollten Sie den Farbverlauf innerhalb derhinzufügen 0 Funktion. (Siehe dieses post für ein Beispiel).

Es gibt einige große Unterklassen von UILabel, UITextView und UITextField die Ihnen erlauben, einen Gradienten hinzufügen ziemlich leicht (siehe JBGradient on GitHub).

Answer 5

Gleiche Lösung wie @Anton Chikin aber ein wenig robuster. Beachten Sie die Überschreibung von layerClass ... auf diese Weise müssen Sie sich nicht um die Einstellung des Rahmens kümmern und der Rahmen wird automatisch bei der Drehung aktualisiert & Größe ändern.

Wenn Sie IB verwenden, können Sie die Eigenschaften über "Benutzerdefinierte Laufzeitattribute" festlegen.

Wenn Sie IB nicht verwenden, verwenden Sie den anderen Initialisierer.

Answer 6

Der Swift Weg Gradient hinzuzufügen ist:

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() ist eine Hilfsklasse für Swift hex color-rgb color zu konvertieren, sehr zu empfehlen.

Answer 7

hallo können Sie folgende verwenden, um auf Gradienten anwenden zu sehen

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