App Inventor

6주차 : 디지털 시계 및 여행 앱 만들기

iwannabebackendexpert 2023. 4. 13. 02:00

1) 구글 로그인 & 앱 인벤터 실행

2) projects - start new project에 들어가서 이름 설정하고 시작하기
이름 지정: Dig006_Clock

3) 디자인하기
3-1) Screen components 디자인하기
●Label1개-날짜 표시
●Label1개-시간 표시
●Clock sensor

screen 디자인
-AlignHorizontal,AlignVertical을 Center로 변경
-BackgroundColor 변경: Dark Gray
-ScreenOrientation 변경: Landscape -> 가로로 보이기 위함
-Title 변경: 나의 디지털 시계

Label1,2 디자인
-이름 변경: lblDate,lblTime
-TextColor 변경: White(햐안색)
-Text 지우기
+lblTime의 Textsize만 70으로 변경

Clock 센서
*TimerInterval1000이 1초를 의미함

4) 코딩(Coding)
타이머 이벤트를 발생할때마다,
lblDate를 지금 시간을 불러와 yyyy년 MM월 dd일 이라고 표시한다.
(월을 대문자 M으로 표시한 이유: 시간의 분과 구분하기 위함)
lblTime을 지금 시간을 불러와 표시한다.

 

 

 

 

 

여행 앱 만들기

 

 

디자인

●Label1개
●Image1개
●ListPicker1개
ActivityStartater1개

-AlignHorizontal을 Center로 변경
-Title 변경: LondonTour

 
 
 

Label 디자인하기
-Title 변경: Beautiful London - Top 10 Places to Visit

Image 디자인하기
-Width와 Height 조절

ListPicker 디자인하기
-Text 변경: 런던 명소 10선
-Width를 fill parent로 변경

ActivityStartater

코딩(Coding)
-Places에 10개의 List를 저장
-Screen1이 실행될 때 ListPicker에 Places 리스트를 가져온다.
-ListPicker가 AfterPicking이 되면,
ActivityStarter를 시작시킨다.
ListPicker에서 선택된 장소를 구글맵을 통해 보여준다.

디자인

●Label1개
●Image1개
●ListPicker1개
ActivityStartater1개

-AlignHorizontal을 Center로 변경
-Title 변경: Jeju Island
-배경색 변경

 

-Title 변경: 아름다운 섬, 제주

이미지 업로드

-Text 변경: 후회하지 않을 제주 명소
-Width를 90 percent

최종디자인

코딩(Coding)
-Places에 10개의 List를 저장
카렐리아힐, 협재해변, 오설록 녹차밭, 제주더마파크, 용머리해안, 섭지코지, 송악산, 탐나는 농장, 새별오름, 제주918파트

-Screen1이 실행될 때 ListPicker에 Places 리스트를 가져온다.

-ListPicker가 AfterPicking이 되면,
ActivityStarter를 시작시킨다.
ListPicker에서 선택된 장소를 구글맵을 통해 보여준다.