Sparkle-Effekt iOS

Hier ist eine Lösung von Erica Susan cook book. Sehen Sie, das funktioniert für Sie.

Können Sie fügen Sie visuelle Interesse für Ihre Schnittstellen durch die Verwendung von emittern im tandem mit Benutzer berührt. Die folgende Klasse veranschaulicht, wie man einen Hauch über seine Lebensdauer, hinzufügen von ein wenig Glanz zu, wo der Benutzer berührt auf dem Bildschirm.

Die Klasse beginnt, sobald der Benutzer den Bildschirm berührt, wodurch eine emitter-Schicht und eine single-emitter-Zelle. Die Zelle definiert den Teilchen — Ihre Farbe, Ihre Geburtenrate, Ihre Lebensdauer, Geschwindigkeit, und so weiter.

Als die Berührung fortschreitet, diese Klasse updates die emitter der Lage, das entfernen der emitter sobald der touch vom Bildschirm entfernt. Obwohl in diesem Beispiel ist geschrieben für single-touch-Interaktion, können Sie einfach aktualisieren Sie den code und fügen Sie ein array von Strahlern (anstatt einer single instance) für die multi-touch-Interaktion.

Strahler werden einfach Hinzugefügt, um Ihre Projekte und effizient zu führen. Während zu viel animation ist nie eine gute design-Idee, ein wenig Glanz verwendet, die vernünftig Leben und Bewegung.

@interface SparkleTouchView : UIView {
    CAEmitterLayer *emitter;
}

@end

@implementation SparkleTouchView

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    float multiplier = 0.25f;

    CGPoint pt = [[touches anyObject] locationInView:self];

    //Create the emitter layer
    emitter = [CAEmitterLayer layer];
    emitter.emitterPosition = pt;
    emitter.emitterMode = kCAEmitterLayerOutline;
    emitter.emitterShape = kCAEmitterLayerCircle;
    emitter.renderMode = kCAEmitterLayerAdditive;
    emitter.emitterSize = CGSizeMake(100 * multiplier, 0);

    //Create the emitter cell
    CAEmitterCell* particle = [CAEmitterCell emitterCell];
    particle.emissionLongitude = M_PI;
    particle.birthRate = multiplier * 1000.0;
    particle.lifetime = multiplier;
    particle.lifetimeRange = multiplier * 0.35;
    particle.velocity = 180;
    particle.velocityRange = 130;
    particle.emissionRange = 1.1;
    particle.scaleSpeed = 1.0; //was 0.3
    particle.color = [[COOKBOOK_PURPLE_COLOR colorWithAlphaComponent:0.5f] CGColor];
    particle.contents = (__bridge id)([UIImage imageNamed:@"spark.png"].CGImage);
    particle.name = @"particle";

    emitter.emitterCells = [NSArray arrayWithObject:particle];
    [self.layer addSublayer:emitter];
}

- (void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
    CGPoint pt = [[touches anyObject] locationInView:self];

    //Disable implicit animations
    [CATransaction begin];
    [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions];
    emitter.emitterPosition = pt;    
    [CATransaction commit];    
}

 - (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
    [emitter removeFromSuperlayer];
    emitter = nil;
 }

- (void) touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event {
    [self touchesEnded:touches withEvent:event];
}

@end

Vergessen Sie nicht, erstellen Sie eine png-Datei mit dem Namen spark.png um die animation.