[swift] Swift 프로젝트에 NumberMorphView를 사용한 음성 메모 기능 구현하기

29 Nov 2023

swift

이 포스트에서는 Swift 프로젝트에 NumberMorphView를 사용하여 음성 메모 기능을 구현하는 방법에 대해 알아보겠습니다.

NumberMorphView란?

NumberMorphView는 애니메이션 효과를 통해 숫자를 전환하는 커스텀 뷰입니다. 이 뷰를 사용하여 음성 메모에 필요한 타이머를 구현할 수 있습니다.

프로젝트 설정

먼저, NumberMorphView를 프로젝트에 추가해야 합니다. CocoaPods를 사용하는 경우, Podfile에 다음 줄을 추가하고 터미널에서 pod install 명령어를 실행하세요.

pod 'NumberMorphView'

CocoaPods를 사용하지 않는 경우, 수동으로 NumberMorphView를 프로젝트에 추가해야합니다.

음성 메모 기능 구현하기

먼저, 필요한 import 구문을 추가하세요.

import NumberMorphView
import AVFoundation

음성 메모를 저장할 타이머 변수와 NumberMorphView 인스턴스 변수를 선언하세요.

var audioRecorder: AVAudioRecorder!
var timer: Timer?
var numberMorphView: NumberMorphView!

NumberMorphView를 초기화하고 위치를 설정하세요. 보통 viewDidLoad() 함수 내에서 이 작업을 수행합니다.

numberMorphView = NumberMorphView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
numberMorphView.center = view.center
view.addSubview(numberMorphView)

타이머를 시작하는 함수를 작성하세요.

func startTimer() {
    timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true, block: { [weak self] (_) in
        self?.updateTimerLabel()
    })
    timer?.fire()
}

func updateTimerLabel() {
    let currentTime = Int(audioRecorder.currentTime)
    numberMorphView.setValue(newValue: currentTime, animated: true)
}

Record 버튼을 눌렀을 때, 음성 녹음을 시작하고 타이머를 시작하는 함수를 호출하세요.

@IBAction func recordButtonPressed(_ sender: UIButton) {
    // 음성 녹음 코드 추가
    startTimer()
}

Stop 버튼을 눌렀을 때, 음성 녹음을 멈추고 타이머를 중지하는 함수를 호출하세요.

@IBAction func stopButtonPressed(_ sender: UIButton) {
    // 음성 녹음 멈추는 코드 추가
    stopTimer()
}

타이머를 멈추는 함수를 작성하세요.

func stopTimer() {
    timer?.invalidate()
    timer = nil
}

이제 음성 메모 기능이 구현되었습니다. NumberMorphView를 사용하여 타이머 값을 표시하고 업데이트할 수 있습니다.

참고 자료

이제 NumberMorphView를 사용하여 음성 메모 기능을 구현할 수 있습니다. 음성 메모에 맞는 타이머 값을 표시하고 업데이트하는 간단한 방법을 제공했습니다. 이를 기반으로 음성 메모 기능을 더욱 확장할 수 있습니다.