앱인벤터로 만든 스톱워치

앱인벤터로 스톱워치를 만들어 보도록 하겠습니다. 

시작 버튼을 누르면 초가 증가하는 단순한 앱이지만 타이머를 이용하며 초가 분으로 분이 시간으로 증가하는 모습을 보여주고 있는 복합적 앱이라 할 수 있습니다. 

1. 앱 기능

   – 시작(start)를 누르면 초가 증가 합니다. 
   – 초가 분으로, 분이 시간으로 증가합니다. 
   – 정지버튼을 누르면 중지 합니다. 
   – reset 버튼을 누르면 시분초가 초기화 됩니다. 

2. 화면 UI

   – 타이머를 올려 놓고 interval 을 확인 합니다. 기본으로 1,000으로 되어 있을 겁니다. 
   – 타이머의 interval 은 밀리세컨드(ms)로 되어 있어 1,000이 1초를 의미 합니다. 
   – 타이머의 TimerEnabled 의 체크박스를 해제 합니다. 

   

3. 프로그램 블럭

   – 먼저 시, 분, 초를 저장할 전역(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 에 표시 합니다. 
   
   

4. 첨부파일

   – 소스 파일 : StopWatch
   – 실행 파일 : StopWatch