위와 같이 작동합니다.,
timerinterval 의 1000은 밀리세컨드 즉 1/1000 초를 말합니다. 1000으로 세팅하면 한 틱당 1초라는 의미입니다.
위그림 처럼 TimerEnabled 의 체크는 해제하세요..자동시작안되게 하는겁니다.
time 이라는 변수하나 세팅하고 그값을 101로 해줍시다.정확하게 100초부터 시작하게 하기 위한 꼼수입니다.
Clock1l.Timer 란 아까 interval 당 실행된다는 말입니다..아까 interval 1000 밀리세컨드를 지정했으니
즉 1초당 한번 밑의 블록이
실행된다는 거죠..1초마다 time 변수값을 -1초씩 빼니깐 카운터가 100에서 1초씩 내려가게 되는겁니다..
ㅊ
'Programing > MIT App Inventor 2' 카테고리의 다른 글
2017.02.12 |
2017.02.12 |
2017.02.12 |
2017.02.12 |
2017.02.12 |
앱인벤터로 스톱워치를 만들어 보도록 하겠습니다.
시작 버튼을 누르면 초가 증가하는 단순한 앱이지만 타이머를 이용하며 초가 분으로 분이 시간으로 증가하는 모습을 보여주고 있는 복합적 앱이라 할 수 있습니다.
- 앱 기능
– 시작(start)를 누르면 초가 증가 합니다.
– 초가 분으로, 분이 시간으로 증가합니다.
– 정지버튼을 누르면 중지 합니다.
– reset 버튼을 누르면 시분초가 초기화 됩니다. - 화면 UI
– 타이머를 올려 놓고 interval 을 확인 합니다. 기본으로 1,000으로 되어 있을 겁니다.
– 타이머의 interval 은 밀리세컨드(ms)로 되어 있어 1,000이 1초를 의미 합니다.
– 타이머의 TimerEnabled 의 체크박스를 해제 합니다. - 프로그램 블럭
– 먼저 시, 분, 초를 저장할 전역(global)변수를 h, m, s 로 선언합니다.
– 시작 버튼을 누르면 타이머를 TimerEnabled 상태를 확인합니다.
( 초기 설정에서 우리는 체크 박스를 해제 했었습니다. )– TimerEnabled이 false 이면 TimerEnabled을 true로 변경하고 버튼의 Text을 stop로 변경 합니다.
– TimerEnabled이 true 이면 TimerEnabled을 false로 변경하고 버튼의 Text을 start로 변경 합니다.
– reset 버튼을 클릭하면 전역 변수를 초기화 하고 Lable 의 값 초기화, 버튼의 Text 를 start로 변경 하고 TimerEnabled을 false 로 변경 합니다.
– 타이머가 TimerEnabled가 true 가 되면 아래와 같이 동작을 시작합니다.– 60초가 넘으면 분으로 더해지고 60분이 넘으면 시간에 더해지고 Label 에 표시 합니다.
- 첨부파일
– 소스 파일 : StopWatch
– 실행 파일 : StopWatch
미 | 리 | 보 | 기
초기 화면
• 5분 간격으로 숫자가 표시된 아날로그 시계가 보입니다.
• 시계 그림 아래쪽에 디지털 시계가 표시됩니다.
• 시계 그림을 손가락으로 드래그하여 타이머 시간을 최소 1분부터 최대 60분까지 1분 단위로 설정할 수 있습니다.
초타이머 시간 설정 화면
• 시계 그림을 손가락으로 드래그하면 손가락의 현재 위치까지 빨간색 부채꼴이 그려집니다.
• 부채꼴의 면적에 비례하여 디지털 시계의 숫자가 증가하거나 감소합니다.
• 부채꼴을 그린 후 화면에서 손가락을 떼면 부채꼴의 면적이 10초에 1칸씩 줄어들고 디지털 시계에 남은 시간이 표시됩니다.
타이머 종료 화면
• 타이머 시간이 종료되면 메시지창이 나타나고 진동과 함께 종료음이 재생됩니다.
완성 앱 미리보기
완성된 앱의 실제 동작이 궁금하다면 인터넷 링크로 이동해 파일을 스마트폰에 설치한 후 확인해 봅니다.
◉ 스마트폰 설치 파일 //bit.ly/3aDUEV8
◉ 프로젝트 파일 example_timeTimer.aia
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.