이번 포스팅은 지난번 타이머 앱 만들기 마지막 단계 ‘알람’ 기능을 추가해 보겠습니다.
지난 포스팅을 안보셨다면 아래 링크를 따라서 참고 하시기 바랍니다.
[Flutter] 타이머 앱 만들기 – TechTinkerer’s (nst21c.com)
바로 타이머 입 만들기를 이어 가보겠습니다.
먼저 타이머에 사용할 패키지를 추가 해야됩니다.
pubspec.yaml 파일에 ‘dependecies’ 부분에 다음과 같이 패키지를 추가 합니다.
‘audioplayer’ 패키지를 추가했으면 다음으로 pubspec.yaml 파일을 아래로 내리면 아래쪽에 ‘uses-metrial-design: true’ 문구 아래 다음과 같이 작성합니다.
이제 알람에 사용될 mp3파일을 프로젝트 폴더에 추가 해주어야 합니다.
제가 사용한 알람 mp3 파일을 다운로드해서 사용하셔도 되고, 인터넷에 무료로 받을 수 있는 mp3파일을 사용해도 됩니다.
mp3 파일을 다운로드했으면, 프로젝트 폴더에 다음과 같이 폴더를 만들고 다운받은 mp3 파일을 넣어줍니다.
assets\sounds\ararm.mp3 파일이 위와 같이 배치되어 있어야 됩니다.
패키지 및 알람에 사용될 mp3 파일까지 준비되었으면 이제 소스코드를 추가 해보겠습니다.
먼저, mp3파일을 사용할 수 있게 ‘AudioPlayer’를 다음과 같이 추가해줍니다.
설정된 시간이 끝나면 사운드가 재생될 수 있게 사운드 재생 함수를 만들고 _startTimer()함수 에서 호출해 줍니다.
알람 기능까지 추가해서 간단한 타이머앱을 완성했습니다. 시간을 설정하고, 타이머가 종료되면 화면 색상 변화와 알림을 받을 수 있습니다.
타이머, 화면 색상 변경, 사운드 재생 등을 이용하여 추가 기능과 다양한 앱을 만들어 볼 수 있는 연습이 될 것같습니다.
이번 포스팅으로 간단한 타이머 앱 만들기를 마무리 하겠습니다.
감사합니다.
댓글 남기기