한국어

Programming

2018.09.14 14:00

스톱워치 만들기

twin 주소복사
조회 수 7688 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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

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

 

  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


List of Articles
번호 제목 글쓴이 날짜 조회 수
11 [앱인벤터2] Clock 센서, 디지털 시계  twin 2018.08.27 3724
10 [앱인벤터2] BMI 계산기  twin 2018.08.27 1353
9 [앱인벤터2 강좌] 만보기앱, Pedometer 센서  twin 2018.08.27 1468
8 앱인벤터2를 이용한 피아노 어플 제작  twin 2018.08.27 1037
7 [앱인벤터2 강좌] 나침반과 센서  twin 2018.08.27 842
6 드림코드  twin 2017.11.10 842
5 Korea SW 자료  twin 2017.10.30 1750
4 앱인벤터 교육사이트  twin 2017.09.28 1083
3 MIT App Inventor 2 소개  twin 2017.03.26 33848
2 앱인벤터 에뮬레이터 다운 설치  twin 2017.03.26 1672
1 앱인벤터 아두이노 교재  3 twins 2017.03.18 1643
Board Pagination Prev 1 2 3 Next
/ 3