앱인벤터 타이머 간격 - aeb-inbenteo taimeo gangyeog

[목표]

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

앱인벤터 타이머 간격 - aeb-inbenteo taimeo gangyeog

[학습내용]

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

[따라해 보기]

[준비작업]

. 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)