[Udemy iOS & Swift Bootcamp] Typing Animation(Timers, For loops)

웰컴 화면의 글자를 타이핑 치는 듯한 애니메이션으로 표현해보자.

---

1. TextLabel 스크립트에 연결

 

2. 반복문에 타이머 추가

import UIKit

class WelcomeViewController: UIViewController {

    @IBOutlet weak var titleLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        titleLabel.text = ""
        
        var charIndex = 0.0
        let titleText = "⚡️FlashChat"
        for letter in titleText{
            print("-")
            print(0.1 * charIndex)
            print(letter)
            Timer.scheduledTimer(withTimeInterval: 0.1 * charIndex, repeats: false){ (timer) in
                self.titleLabel.text?.append(letter)
            }
            charIndex += 1
        }
    }
}

타이머 간격에 0.1만 넣어주면 모든 글자가 0.1초만에 출력되므로 0.1에 charIndex 곱해줘서 0.1, 0.2, ... 이런식으로 값을 부여해주어야 한다. 기타 여러 방법이 있지만 간단하게 위처럼 구현이 가능하다.

 

[주석 출력 결과]

-

0.0

⚡️

-

0.1

F

-

0.2

l

-

0.30000000000000004

a

-

0.4

s

-

0.5

h

-

0.6000000000000001

C

-

0.7000000000000001

h

-

0.8

a

-

0.9

t

 

 

3. 결과물 확인