UIButton clignotant animation

Je me demandais si il était possible d'appliquer un clignotement de l'animation d'un UIButton. J'ai cherché mais seulement trouvé le code pour une impulsion d'animation qui change la taille de mon UIButton en permanence. J'ai plutôt été de penser à une sorte de clignotement de l'animation pour avertir l'utilisateur qu'il doit appuyer sur le bouton. La seule façon de résoudre le problème, je pense, en changeant l'alpha constamment à l'aide de:

[self setAlpha:0.5];

...mais il ne sera pas aussi visible qu'un clignotement de la touche.

Avez-vous essayé d'utiliser les deux boutons( ou un mannequin image sur votre bouton) et de cacher/montrer chaque fois que nécessaire?

InformationsquelleAutor Alessandro | 2013-03-12

16

Peut-être pas la meilleure façon, et n'a pas vraiment vous permettre d'arrêter le clignotement... mais c'est simple, les œuvres, et de ne pas entraver l'interaction de l'utilisateur:
```
- (void)viewDidLoad
{
    [self flashOn:myButton];
}

- (void)flashOff:(UIView *)v
{
    [UIView animateWithDuration:.05 delay:0 options:UIViewAnimationOptionAllowUserInteraction animations:^ {
        v.alpha = .01;  //don't animate alpha to 0, otherwise you won't be able to interact with it
    } completion:^(BOOL finished) {
        [self flashOn:v];
    }];
}

- (void)flashOn:(UIView *)v
{
    [UIView animateWithDuration:.05 delay:0 options:UIViewAnimationOptionAllowUserInteraction animations:^ {
        v.alpha = 1;
    } completion:^(BOOL finished) {
        [self flashOff:v];
    }];
}
```
- Vous pouvez simplifier le code en utilisant la UIViewAnimationOptionAutoreverse animation. En outre, si vous ne voulez pas de la boucle de l'animation pour toujours, appel setAnimationRepeatCount: de l'intérieur du bloc d'animation.
- À l'aide de votre code et en tournant UIview à UIBarButtonItem j'obtiens l'erreur: propriété alpha ne trouve pas dans l'objet de type UIBarButtonItem
- C'est parce que UIBarButtonItem n'est pas une sous-classe de UIView. Vous avez dit que vous aviez UIButton vous vouliez flash, ce qui en fait une sous-classe de UIView.
- changé à UIbutton
- Vous aurez probablement besoin d'arrêter flashOn: d'avoir à intervenir dans la réalisation des gestionnaires si finished est NO ou vous allez vous retrouver dans mal.
InformationsquelleAutor MikeS
5

La lecture de toutes les réponses jusqu'à présent j'ai trouvé la solution suivante. Il se répète un nombre de fois et fait le travail pour moi.
```
CGFloat oldAlpha = v.alpha;
CGFloat minAlpha = 0.2;
enum UIViewAnimationOptions options = UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionAutoreverse | UIViewAnimationOptionCurveEaseInOut;

[UIView animateWithDuration:.3 delay:0.3 options:options animations:^{
    [UIView setAnimationRepeatCount:4];
    v.alpha = minAlpha;
}
completion:^(BOOL finished) {
    v.alpha = oldAlpha;
}];
```
- Merci pour le code concis. Si vous souhaitez que le bouton fondu immédiatement sur appuyez sur, set v. alpha=minAlpha avant le bloc d'animation, et de définir celui qui est à l'intérieur du bloc 1.0 ou à oldAlpha. Je trouve qu'il à l'air un peu plus comme l'utilisateur a déclenché l'animation.
InformationsquelleAutor Enceradeira

Essayez celui-ci:

appeler cette méthode lorsque vous souhaitez blink/flash le bouton

blinkTimer=[NSTimer scheduledTimerWithTimeInterval:0.5 target:self selector:@selector(toggleButtonImage:) userInfo:nil repeats:YES];

et écrire cette méthode

- (void)toggleButtonImage:(NSTimer*)timer
{

    if(toggle)
    {
        [blinkBtn setImage:[UIImage imageNamed:@"ButtonImage.png"] forState: UIControlStateNormal];
    }
    else
    {
        [blinkBtn setImage:[UIImage imageNamed:@"ButtonImage1.png"] forState: UIControlStateNormal];
    }
    toggle = !toggle;

}

dans .h écrire ce un

NSTimer *blinkTimer;
BOOL toggle;

et d'annuler la minuterie de l'endroit où vous souhaitez arrêter le clignotement/clignotant

[blinkTimer invalidate];

InformationsquelleAutor Hari Babu

1

Peut-être que vous pourriez avoir deux différents .les fichiers png [boutons] le cycle d'avant en arrière dans une boucle, d'attribuer la même action, et ont de ce coup, chaque fois qu'une certaine condition est remplie. Allais-je écrire le code, mais il serait probablement pleine d'erreurs. Avez-vous essayé quelque chose comme ça?
- tu veux dire swopping une image? J'ai pensé à faire quelque chose de progressif, une diminution progressive de la luminosité
- Oh, vous voulez dire, comme une pulsation genre de look? Hm. Ray Wenderlich a un intéressant tutoriel sur la création d'un clone de l'application "Clair". C'est une liste à faire application. De toute façon, il accomplit un fondu de couleur par programme pour les UITableViewCell de l'. J'aimerais vérifier que projet, et voir si vous pouvez utiliser la même couleur principes comme il le fait là. Encore une fois, c'est juste à côté de ma tête.
- pouvez-vous me donner le lien, merci
- raywenderlich.com/21842/...
- Yep, c'est l'un! J'espère que ça aide!
InformationsquelleAutor STANGMMX

Je l'ai fait en créant mon propre contrôle, sous-classement UIControl puisque Apple ne recommande pas de vissage avec le point de vue de la hiérarchie de l'UIButton. J'ai ajouter un arrière-plan imageView représentant le standard de l'image d'arrière-plan du bouton, et un "rayonnement" imageView au-dessus de l'arrière-plan pour représenter les illuminations de l'état, et de basculer son opacité à faire de l'impulsion.

J'en outre basculer le calque de l'ombre d'opacité pour le faire briller.

Initialisation De Code:

- (void)TS_commonButtonInit
{
    UIImage *shoutoutBackground            = [UIImage imageNamed:@"root-navigation-bar-share-button"];
    UIImage *shoutoutHighlightedBackground = [UIImage imageNamed:@"root-navigation-bar-share-button-highlighted"];
    UIImage *shoutoutPulseImage            = [UIImage imageNamed:@"root-navigation-bar-share-button-glowing"];

    shoutoutBackground            = [shoutoutBackground            stretchableImageWithLeftCapWidth:7 topCapHeight:0];
    shoutoutHighlightedBackground = [shoutoutHighlightedBackground stretchableImageWithLeftCapWidth:7 topCapHeight:0];
    shoutoutPulseImage            = [shoutoutPulseImage            stretchableImageWithLeftCapWidth:7 topCapHeight:0];

    [[self backgroundView] setImage:shoutoutBackground];
    [[self backgroundView] setHighlightedImage:shoutoutHighlightedBackground];

    [self setGlowingImage:shoutoutPulseImage];

    [self setExclusiveTouch:YES];

    [self addSubview:[self backgroundView]];
    [self addSubview:[self glowingImageView]];

    [[self layer] setShadowColor:[[UIColor colorWithHexString:@"ffc521" alpha:1] CGColor]];
    [[self layer] setShadowOpacity:0];
    [[self layer] setShadowRadius:5];
    [[self layer] setShadowOffset:CGSizeMake(0, 0)];
    [[self layer] setShadowPath:[[UIBezierPath bezierPathWithRoundedRect:[self bounds] cornerRadius:6] CGPath]];
}

La Pulsation De Code:

- (void)pulse:(NSInteger)numberOfTimes
{
    CGFloat pulseLength = .8;

    [[self glowingImageView] setAlpha:0];

    CABasicAnimation *pulseAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
    [pulseAnimation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
    [pulseAnimation setDuration:pulseLength];
    [pulseAnimation setRepeatCount:numberOfTimes];
    [pulseAnimation setAutoreverses:YES];
    [pulseAnimation setFromValue:@(0)];
    [pulseAnimation setToValue:@(1)];
    [pulseAnimation setRemovedOnCompletion:YES];

    [[self layer] setShadowOpacity:0];

    CABasicAnimation *shadowAnimation = [CABasicAnimation animationWithKeyPath:@"shadowOpacity"];
    [shadowAnimation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
    [shadowAnimation setDuration:pulseLength];
    [shadowAnimation setRepeatCount:numberOfTimes];
    [shadowAnimation setAutoreverses:YES];
    [shadowAnimation setFromValue:@(0)];
    [shadowAnimation setToValue:@(1)];
    [shadowAnimation setRemovedOnCompletion:YES];

    [[[self glowingImageView] layer] addAnimation:pulseAnimation forKey:@"opacity"];
    [[self layer] addAnimation:shadowAnimation forKey:@"shadowOpacity"];
}

InformationsquelleAutor Senior

Vous devez vous connecter pour publier un commentaire.