Письмо с письмом анимация для UILabel?

Ответ 1

Обновление для 2017, Swift 3:

extension UILabel {

    func animate(newText: String, characterDelay: TimeInterval) {

        DispatchQueue.main.async {

            self.text = ""

            for (index, character) in newText.characters.enumerated() {
                DispatchQueue.main.asyncAfter(deadline: .now() + characterDelay * Double(index)) {
                    self.text?.append(character)
                }
            }
        }
    }

}

вызов простой и потокобезопасный:

myLabel.animate(newText: myLabel.text ?? "May the source be with you", characterDelay: 0.3)

@objC, 2012:

Попробуйте эту функцию прототипа:

- (void)animateLabelShowText:(NSString*)newText characterDelay:(NSTimeInterval)delay
{    
    [self.myLabel setText:@""];

    for (int i=0; i<newText.length; i++)
    {
        dispatch_async(dispatch_get_main_queue(),
        ^{
            [self.myLabel setText:[NSString stringWithFormat:@"%@%C", self.myLabel.text, [newText characterAtIndex:i]]];
        });

        [NSThread sleepForTimeInterval:delay];
    }
}

и назовите его следующим образом:

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_LOW, 0),
^{
    [self animateLabelShowText:@"Hello Vignesh Kumar!" characterDelay:0.5];
});

Ответ 2

Здесь @Andrei G. отвечает как расширение Swift:

extension UILabel {

    func setTextWithTypeAnimation(typedText: String, characterInterval: NSTimeInterval = 0.25) {
        text = ""
        dispatch_async(dispatch_get_global_queue(QOS_CLASS_USER_INTERACTIVE, 0)) {
            for character in typedText.characters {
                dispatch_async(dispatch_get_main_queue()) {
                    self.text = self.text! + String(character)
                }
                NSThread.sleepForTimeInterval(characterInterval)
            }
        }
    }

}

Ответ 3

Это может быть лучше.

- (void)viewDidLoad
{
    [super viewDidLoad];

    NSString *string [email protected]"Risa Kasumi & Yuma Asami";

    NSMutableDictionary *dict = [NSMutableDictionary dictionary];
    [dict setObject:string forKey:@"string"];
    [dict setObject:@0 forKey:@"currentCount"];
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(typingLabel:) userInfo:dict repeats:YES];
    [timer fire];


}

-(void)typingLabel:(NSTimer*)theTimer
{
    NSString *theString = [theTimer.userInfo objectForKey:@"string"];
    int currentCount = [[theTimer.userInfo objectForKey:@"currentCount"] intValue];
    currentCount ++;
    NSLog(@"%@", [theString substringToIndex:currentCount]);

    [theTimer.userInfo setObject:[NSNumber numberWithInt:currentCount] forKey:@"currentCount"];

     if (currentCount > theString.length-1) {
        [theTimer invalidate];
    }

    [self.label setText:[theString substringToIndex:currentCount]];
}

Ответ 4

Я написал демо, вы можете использовать его, он поддерживает ios 3.2 и выше

в вашем .m файле

- (void)displayLabelText
{

    i--;
    if(i<0)
    {
        [timer invalidate];
    }
    else
    {
        [label setText:[NSString stringWithFormat:@"%@",[text substringToIndex:(text.length-i-1)]]];
    }
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 60)];
    [label setBackgroundColor:[UIColor redColor]];
    text = @"12345678";
    [label setText:text];
    [self.view addSubview:label];
    i=label.text.length;
    timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(displayLabelText) userInfo:nil repeats:YES];
    [timer fire];    
}

в вашем .h файле

@interface labeltextTestViewController : UIViewController {
    UILabel *label;
    NSTimer *timer;
    NSInteger i;
    NSString *text;
}

с демо, я думаю, что вы можете сделать в своей ситуации, с небольшим изменением код выглядит очень очень уродливо, потому что мне нужно пойти на ужин, вы можете его мажорировать.

Ответ 5

Swift 3, по-прежнему кредитует концепцию Андрея Г.

extension UILabel{

func setTextWithTypeAnimation(typedText: String, characterInterval: TimeInterval = 0.25) {
    text = ""
    DispatchQueue.global(qos: .userInteractive).async {

        for character in typedText.characters {
            DispatchQueue.main.async {
                self.text = self.text! + String(character)
            }
            Thread.sleep(forTimeInterval: characterInterval)
        }

    }
}

}

Ответ 6

Я написал небольшую библиотеку специально для этого случая использования CLTypingLabel, доступный в GitHub.

Он эффективен, безопасен и не спит нить. Он также обеспечивает интерфейс pause и continue. Назовите его в любое время, и он не сломается.

После установки CocoaPods добавьте следующее, например, в ваш подфайл:

pod 'CLTypingLabel'

Пример кода

Измените класс метки с UILabel на CLTypingLabel;

@IBOutlet weak var myTypeWriterLabel: CLTypingLabel!

Во время выполнения заданный текст метки автоматически запускает анимацию:

myTypeWriterLabel.text = "This is a demo of typing label animation..."

Вы можете настроить временной интервал между каждым символом:

myTypeWriterLabel.charInterval = 0.08 //optional, default is 0.1

Вы можете приостановить анимацию ввода в любое время:

myTypeWriterLabel.pauseTyping() //this will pause the typing animation
myTypeWriterLabel.continueTyping() //this will continue paused typing animation

Также есть образец проекта, который поставляется с cocoapods

Ответ 7

В UILabel нет поведения по умолчанию, чтобы сделать это, вы можете сделать свой собственный, где вы добавляете каждую букву по одному, на основе таймера

Ответ 8

OK, основываясь на первом ответе, это то, что я написал

    import Foundation

var stopAnimation = false
extension UILabel {


       func letterAnimation(newText:NSString?,completion:(finished:Bool) -> Void){
            self.text = ""
            if !stopAnimation {
            dispatch_async(dispatch_queue_create("backroundQ", nil)){

                if var text = newText {
                    text = (text as String) + " "
                    for(var i = 0; i < text.length;i++){
                        if stopAnimation {

                            break
                        }

                        dispatch_async(dispatch_get_main_queue()) {

                                let range = NSMakeRange(0,i)
                                self.text = text.substringWithRange(range)
                            }

                        NSThread.sleepForTimeInterval(0.05)

                    }
                    completion(finished:true)

                }

            }
        self.text = newText as? String
        }
        }



}

Ответ 9

Я знаю, что слишком поздно для ответа, но на всякий случай для тех, кто ищет анимацию ввода в UITextView. Я написал небольшую библиотеку Github для Swift 4. Вы можете установить обратный вызов после завершения анимации.

@IBOutlet weak var textview:TypingLetterUITextView!
textview.typeText(message, typingSpeedPerChar: 0.1, completeCallback:{
       // complete action after finished typing }

Кроме того, у меня есть расширение UILabel для ввода анимации.

label.typeText(message, typingSpeedPerChar: 0.1, didResetContent = true, completeCallback:{
       // complete action after finished typing }

Ответ 10

На основе ответа @Adam Waite. Если кто-то хотел бы использовать это с закрытием закрытия.

    func setTextWithTypeAnimation(typedText: String, characterInterval: NSTimeInterval = 0.05, completion: () ->()) {
    text = ""
    dispatch_async(dispatch_get_global_queue(QOS_CLASS_USER_INTERACTIVE, 0)) {
        for character in typedText.characters {
            dispatch_async(dispatch_get_main_queue()) {
                self.text = self.text! + String(character)
            }
            NSThread.sleepForTimeInterval(characterInterval)
        }

        dispatch_async(dispatch_get_main_queue()) {
            completion()
        }
    }
}

Ответ 11

Изменение кода @Adam Waite (хорошая работа, кстати) для отображения текстового слова по слову:

    func setTextWithWordTypeAnimation(typedText: String, characterInterval: NSTimeInterval = 0.25) {
    text = ""
    dispatch_async(dispatch_get_global_queue(QOS_CLASS_USER_INTERACTIVE, 0)) {
        let wordArray = typedText.componentsSeparatedByString(" ")
        for word in wordArray {
            dispatch_async(dispatch_get_main_queue()) {
                self.text = self.text! + word + " "
            }
            NSThread.sleepForTimeInterval(characterInterval)
        }
    }

Ответ 12

Небольшое улучшение ответа, предоставленного Андреем, чтобы не блокировать основной поток.

- (void)animateLabelShowText:(NSString*)newText characterDelay:(NSTimeInterval)delay
{
  [super setText:@""];

  NSTimeInterval appliedDelay = delay;

  for (int i=0; i<newText.length; i++)
  {    
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, appliedDelay * NSEC_PER_SEC), dispatch_get_main_queue(), ^{
        [super setText:[NSString stringWithFormat:@"%@%c", self.text, [newText characterAtIndex:i]]];
    });

    appliedDelay += delay;

}