[앱 인벤터2] 기본 기능 익히기 4 (시계-Clock) 현재 날짜 시간 보여주기

 

[목표]

화면에 현재 날짜와 현재 시간을 표시하기

 

[학습내용]

시계 컴포넌트(구성요소)를 이용하여 앱이 시작되면 현재 날짜와 현재 시간을 표시합니다.

 

[따라해 보기]

 

[준비작업]

가. http://ai2.appinventor.mit.edu/ 접속하기

나. 언어를 한국어로 설정한다.

다. '새 프로젝트 시작' 선택 후, 프로젝트 이름 작성하기

 

[디자이너편집 화면작업]

가. 추가할 요소

구성요소	위치	사용용도 및 속성값
수직배치	레이아웃	레이블1, 레이블2 위치시키는 바탕. [속성] 너비(부모에 맞추기), 수평 정렬(중앙), 배경색(파란)
레이블 1	사용자 인터페이스	현재 날짜를 표시한다. [속성] 글꼴 20, 글꼴 굵게, 텍스트 색상(흰색)
레이블 2	사용자 인터페이스	현재 시간을 표시한다. [속성] 글꼴 20, 글꼴 굵게, 텍스트 색상(흰색)
시계1	센서	현재 시간 및 날짜의 정보를 가져온다.

 

(1) 수직 배치, (2), (3) 레이블 1,2, (4) 시계1

 

 

 

블록에서 블록 조각을 뷰어로 가져옵니다.

 

 언제 시계1.타이머 : 일정 시간 간격으로 해당 명령들을 실행합니다.

 시계1.날짜 형식 : 정보를 받아 'MMM d, yyyy' 형식으로 날짜를 표시합니다.

 시계1.시간 형식 : 정보를 받아 시간을 표시합니다.

 호출 시계1.지금 : 현재 시간 정보를 호출하여 전달합니다.

 

  

일정 시간 간격으로 레이블에 날짜와 시간을 표시

일정 시간 간격으로 시계1에서 현재 시간 정보를 가져와서

레이블1에는 “yyyy/MM/d” 형식으로 값을 표시하고, 레이블2에는 현재 시간의 값을 표시합니다.

 

 

 

장치에 연결 후, 앱을 확인하기

왼쪽이 디자이너 뷰어 화면이고 그리고 오른쪽이 단말에서 확인한 화면입니다.

현재 시간이 표시되는 것을 확인해 볼 수 있습니다.

화이팅! 오늘 하루도 수고하셨습니다. 열공하세요.^^

 

하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는 그를 믿는 자마다 멸망하지 않고 영생을 얻게 하려 하심이라(요3:16)