앱인벤터 타이머 만들기 - aeb-inbenteo taimeo mandeulgi

위와 같이 작동합니다.,

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' 카테고리의 다른 글

공받기게임4-app inventor,앱인벤터,점수계산,공시작위치랜덤하게  (0) 공받기게임3-app inventor,앱인벤터,공이 바닥에 닿을때 맨위로 가게 하기,if  (0) 공받기게임1-app inventor,앱인벤터,공움직이기,바운딩,bounds,image move  (0) App Invetor,앱인벤터,,글자합치기,join  (0) 앱인벤터,MIT App Inventor 2 ,random,randomize,랜덤숫자 추출하기  (0)
2017.02.12
2017.02.12
2017.02.12
2017.02.12
2017.02.12

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

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

  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

|||

초기 화면

• 5분 간격으로 숫자가 표시된 아날로그 시계가 보입니다.

• 시계 그림 아래쪽에 디지털 시계가 표시됩니다.

• 시계 그림을 손가락으로 드래그하여 타이머 시간을 최소 1분부터 최대 60분까지 1분 단위로 설정할 수 있습니다.

초타이머 시간 설정 화면

• 시계 그림을 손가락으로 드래그하면 손가락의 현재 위치까지 빨간색 부채꼴이 그려집니다.

• 부채꼴의 면적에 비례하여 디지털 시계의 숫자가 증가하거나 감소합니다.

• 부채꼴을 그린 후 화면에서 손가락을 떼면 부채꼴의 면적이 10초에 1칸씩 줄어들고 디지털 시계에 남은 시간이 표시됩니다.

타이머 종료 화면

• 타이머 시간이 종료되면 메시지창이 나타나고 진동과 함께 종료음이 재생됩니다.

완성 앱 미리보기

완성된 앱의 실제 동작이 궁금하다면 인터넷 링크로 이동해 파일을 스마트폰에 설치한 후 확인해 봅니다.

스마트폰 설치 파일 //bit.ly/3aDUEV8

프로젝트 파일 example_timeTimer.aia

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.

관련 게시물

Toplist

최신 우편물

태그