Effet de clignotement sur UILabel

J'ai un UILabel avec la couleur d'arrière-plan gris.

Je veux un effet de clignotement sur cette étiquette, comme il devrait être un peu de blanc & puis deviennent gris et il devrait continuer à se produire jusqu'à ce que je l'éteindre par programmation.

Aucune idée de comment faire?

InformationsquelleAutor Abhinav | 2011-06-03

Utilisation NSTimer

NSTimer *timer = [NSTimer 
                      scheduledTimerWithTimeInterval:(NSTimeInterval)(1.0)
                            target:self 
                             selector:@selector(blink) 
                             userInfo:nil 
                             repeats:TRUE];
BOOL blinkStatus = NO;

dans votre clin fonction

-(void)blink{
   if(blinkStatus == NO){
      yourLabel.backgroundColor = [UIColor whiteColor];
     blinkStatus = YES;
   }else {
      yourLabel.backgroundColor = [UIColor grayColor];
      blinkStatus = NO;
   }
}

Ne devriez-vous pas utiliser le type BOOL, OUI et NON, plutôt que de bool, le VRAI et le FAUX ? Thx.
Oui. L'un de mes premiers(nostalgique) programmation iOS mauvaises pratiques. Maintenant corrigé. Merci de noter que.
En parlant de mauvaises pratiques. Répéter les timers à 60fps... ce doit être une animation (il est discret animations pour quand vous ne voulez pas de l'interpolation entre les valeurs)
Merci!!!! C'est du bon travail.

InformationsquelleAutor Krishnabhadra

52

Vous pouvez le faire à l'intérieur d'un bloc:
```
self.yourLabel.alpha = 1;
[UIView animateWithDuration:1.5 delay:0.5 options:UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse animations:^{
        self.yourLabel.alpha = 0;
} completion:nil];
```
Si vous n'avez pas besoin d'un deuxième méthode.
- C'est une bonne alternative, bien que plus lente, fade in/out que d'un clin d'œil. Remarque: vous pouvez arrêter l'animation en utilisant [self.yourLabel.layer removeAllAnimations].
- vous pourriez .alpha = 1; la première fois et dans le bloc d'animation .alpha = 0; cela permettra d'éviter un étrange clignote au début de l'animation.
InformationsquelleAutor Flex Elektro Deimling

Swift 3

extension UILabel {

    func startBlink() {
        UIView.animate(withDuration: 0.8,
              delay:0.0,
              options:[.allowUserInteraction, .curveEaseInOut, .autoreverse, .repeat],
              animations: { self.alpha = 0 }, 
              completion: nil)
    }

    func stopBlink() {
        layer.removeAllAnimations()
        alpha = 1
    }
}

Parfait, simple. je vous remercie.
si j'ai un bouton nommé "btn" comment pourrais-je appeler la fonction pour démarrer?
Au sein de l'action du bouton, vous devez appeler yourLabelName.startBlink()
génial. bon de travail.
cooooooooooooll...!!!
Solution sympa. Fonctionne comme un charme

InformationsquelleAutor Jaseem Abbas

Vous pouvez tout simplement faire une extension de la UILabel classe de soutien à l' clignotant effet. Je ne pense pas que l'aide d'une minuterie est une bonne approche, car vous n'aurez pas d'effet de fondu.

Ici est la Swift façon de le faire:

extension UILabel {
    func blink() {
        self.alpha = 0.0;
        UIView.animateWithDuration(0.8, //Time duration you want,
                            delay: 0.0,
                          options: [.CurveEaseInOut, .Autoreverse, .Repeat],
                       animations: { [weak self] in self?.alpha = 1.0 },
                       completion: { [weak self] _ in self?.alpha = 0.0 })
    }
}

Swift 3:

extension UILabel {
    func blink() {
        self.alpha = 0.0;
        UIView.animate(withDuration: 0.8, //Time duration you want,
            delay: 0.0,
            options: [.curveEaseInOut, .autoreverse, .repeat],
            animations: { [weak self] in self?.alpha = 1.0 },
            completion: { [weak self] _ in self?.alpha = 0.0 })
    }
}

MODIFIER Swift 3: Fonctionne pour presque n'importe quelle vue

extension UIView {
    func blink() {
        self.alpha = 0.0;
        UIView.animate(withDuration: 0.8, //Time duration you want,
            delay: 0.0,
            options: [.curveEaseInOut, .autoreverse, .repeat],
            animations: { [weak self] in self?.alpha = 1.0 },
            completion: { [weak self] _ in self?.alpha = 0.0 })
    }
}

L'a fait, en quelque sorte, ça ne fonctionne pas. Aucun message d'erreur. Ne fonctionne tout simplement pas.

InformationsquelleAutor tiguero

3

Utilisez plutôt le point de vue des animations. C'est très simple et est facile à contrôler. Essayez ceci:
```
self.yourLabel.alpha = 1.0f;
[UIView animateWithDuration:0.12
  delay:0.0
  options:UIViewAnimationOptionCurveEaseInOut | 
          UIViewAnimationOptionRepeat | 
          UIViewAnimationOptionAutoreverse | 
          UIViewAnimationOptionAllowUserInteraction
  animations:^{
   self.yourLabel.alpha = 0.0f;
}
completion:^(BOOL finished){
//Do nothing
}];
```
Vous pouvez modifier les valeurs pour obtenir des effets différents par exemple, la modification animateWithDuration wil régler le clignotement de la vitesse. En outre, vous pouvez l'utiliser sur n'importe quoi qui hérite de UIView exemple un bouton, label, affichage personnalisé, etc.

InformationsquelleAutor Chris

Peaufiner Krishnabhadra Réponse à donner un meilleur effet de clignotement

Déclarer une variable de Classe bool blinkStatus;

Et de coller le code donné ci-dessous

NSTimer *yourtimer = [NSTimer scheduledTimerWithTimeInterval:(NSTimeInterval)(10.0 / 60.0)  target:self selector:@selector(blink) userInfo:nil repeats:TRUE];
    blinkStatus = FALSE;

-(void)blink{
    if(blinkStatus == FALSE){
        yourLabel.hidden=NO;
        blinkStatus = TRUE;
    }else {
        yourLabel.hidden=YES;
        blinkStatus = FALSE;
    }
}

où dois-u utiliser la minuterie?
salut vishnu quand vous le voulez le label commencent à clignoter

InformationsquelleAutor Deepak Samuel Rajan

-(void) startBlinkingLabel:(UILabel *)label 
{
    label.alpha =1.0f;
    [UIView animateWithDuration:0.32
                          delay:0.0
                        options: UIViewAnimationOptionAutoreverse |UIViewAnimationOptionRepeat | UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionAllowUserInteraction |UIViewAnimationOptionBeginFromCurrentState
                     animations:^{
                         label.alpha = 0.0f;
                     }
                     completion:^(BOOL finished){
                         if (finished) {

                         }
                     }];
}

-(void) stopBlinkingLabel:(UILabel *)label 
{
    //REMOVE ANIMATION
    [label.layer removeAnimationForKey:@"opacity"];
    label.alpha = 1.0f;
}

InformationsquelleAutor Alessandro Ornano

Une autre approche, mais fonctionne. Clignotant seulement pour 3 secondes

extension UIView {
  func blink() {
    let animation = CABasicAnimation(keyPath: "opacity")
    animation.isRemovedOnCompletion = false
    animation.fromValue           = 1
    animation.toValue             = 0
    animation.duration            = 0.8
    animation.autoreverses        = true
    animation.repeatCount         = 3
    animation.beginTime           = CACurrentMediaTime() + 0.5
    self.layer.add(animation, forKey: nil)
    }
}

InformationsquelleAutor Abhishek Bedi

Coincé lorsque vous essayez avec swift et à l'aide de plusieurs options, mais cela semble fonctionner bien:

self.cursorLabel.alpha = 1
UIView.animate(withDuration: 0.7, delay: 0.0, options: [.repeat, .autoreverse, .curveEaseInOut], animations: {
    self.cursorLabel.alpha = 0
}, completion: nil)

InformationsquelleAutor DavidS

1

C'est la façon dont il a travaillé pour moi. J'ai adapté la réponse de @flex_elektro_deimling

Premier paramètre UIView.animateWithDuration est la durée totale de l'animation (Dans mon cas, je l'ai fixé à 0,5), vous pouvez définir des valeurs différentes sur la première et la deuxième (retard) pour changer la vitesse de clignotement.
```
    self.YOURLABEL.alpha = 0;
    UIView.animateWithDuration(
        0.5, 
        delay: 0.2, 
        options: UIViewAnimationOptions.Repeat | UIViewAnimationOptions.Autoreverse, animations: {
            self.YOURLABEL.alpha = 1
        },
        completion:nil)
```
InformationsquelleAutor Edilson Junior

Mon swift version basée sur Flex Elektro Deimling s réponse:

private func startTimeBlinkAnimation(start: Bool) {
    if start {
        timeContainerView.alpha = 1
        UIView.animateWithDuration(0.6, delay: 0.3, options:[.Repeat, .Autoreverse], animations: { _ in
            self.timeContainerView.alpha = 0
        }, completion: nil)
    }
    else {
        timeContainerView.alpha = 1
        timeContainerView.layer.removeAllAnimations()
    }
}

InformationsquelleAutor SoftDesigner

    int count;
NSTimer *timer;
timer= [NSTimer
scheduledTimerWithTimeInterval:(NSTimeInterval)(0.5)
target:self
selector:@selector(animationStart)
userInfo:nil
repeats:TRUE];
-(void)animationStart{
switch (count) {
case 0:
//205   198 115
count++;
lbl.textColor=[UIColor colorWithRed:205.0f/255.0f green:198.0f/255.0f blue:115.0f/255.0f alpha:1];
break;
case 1:
count++;
//205   198 115 56  142 142
lbl.textColor=[UIColor colorWithRed:56.0f/255.0f green:142.0f/255.0f blue:142.0f/255.0f alpha:1];
break;
case 2:
count++;
//205   198 115
lbl.textColor=[UIColor colorWithRed:205.0f/255.0f green:205.0f/255.0f blue:0.0f/255.0f alpha:1];
break;
case 3:
count++;
//205   198 115 84  255 159
lbl.textColor=[UIColor colorWithRed:84.0f/255.0f green:255.0f/255.0f blue:159.0f/255.0f alpha:1];
break;
case 4:
count++;
//205   198 115 255 193 37
lbl.textColor=[UIColor colorWithRed:255.0f/255.0f green:193.0f/255.0f blue:37.0f/255.0f alpha:1];
break;
case 5:
count++;
//205   198 115 205 200 177
lbl.textColor=[UIColor colorWithRed:205.0f/255.0f green:200.0f/255.0f blue:117.0f/255.0f alpha:1];
break;
case 6:
count++;
//205   198 115 255 228 181
lbl.textColor=[UIColor colorWithRed:255.0f/255.0f green:228.0f/255.0f blue:181.0f/255.0f alpha:1];
break;
case 7:
count++;
//205   198 115 233 150 122
lbl.textColor=[UIColor colorWithRed:233.0f/255.0f green:150.0f/255.0f blue:122.0f/255.0f alpha:1];
break;
case 8:
count++;
//205   198 115 233 150 122
lbl.textColor=[UIColor colorWithRed:255.0f/255.0f green:200.0f/255.0f blue:200.0f/255.0f alpha:1];
break;
case 9:
count=0;
//205   198 115 255 99  71 255  48  48
lbl.textColor=[UIColor colorWithRed:255.0f/255.0f green:48.0f/255.0f blue:48.0f/255.0f alpha:1];
break;
default:
break;
}

}

InformationsquelleAutor Baljeet Singh

Voici ma solution rapide 4.0 avec extension pour toute UIVIew

extension UIView{
func blink() {
self.alpha = 0.2
UIView.animate(withDuration: 1,
delay: 0.0,
options: [.curveLinear,
.repeat,
.autoreverse],
animations: { self.alpha = 1.0 },
completion: nil)   
}
}

InformationsquelleAutor Erik Peruzzi

Pour Swift 3+, en s'appuyant sur toutes les grandes réponses ici, j'ai fini avec un peu de bricolage qui m'a donné lisse effet de clignotement qui s'arrête automatiquement après un nombre donné de cycles.

extension UIView {
func blink(duration: Double=0.5, repeatCount: Int=2) {
self.alpha = 0.0;
UIView.animate(withDuration: duration,
delay: 0.0,
options: [.curveEaseInOut, .autoreverse, .repeat],
animations: { [weak self] in
UIView.setAnimationRepeatCount(Float(repeatCount) + 0.5)
self?.alpha = 1.0
}
)
}
}

InformationsquelleAutor biomiker

Vous devez vous connecter pour publier un commentaire.