CSV 파일
우리가 사용할 CSV 파일 :
나무위키에서 국가별 수도를 검색하여 데이터를 가져와서 데이터를 CSV 포맷으로 저장
저장할 때 메모장에서 반드시 UTF-8 포맷으로 저장
ListPicker
: 버튼을 통해 List를 보여줌
TinyDB
우리가 사용할 TinyDB : Tag(국가명)-Value(국가명)(수도명)(대륙명)
디자인
Screen components 디자인
●Image1개
●Label1개
●ListPicker1개
●Label1개- 수평선
●HorizontalArrangement1에 넣은 Label1개와 TextBox1개
●HorizontalArrangement2에 넣은 Label1개와 TextBox1개
●HorizontalArrangement3에 넣은 Label1개와 TextBox1개
●Label1개- 수평선
●Button1개
●Notifier1개
●File 1개
●TinyDB1개
Screen1 디자인
-AlignHorizontal와 AlignVertical을 Center로 변경
-Title 변경: 국가별 수도
Image 디자인
이미지 업로드
Label1디자인
Text 변경 : Capital Cities of the World
FontItalic, FontBold 체크
ListPicker 디자인
Text 변경: 전체 리스트 보기
Label2,3 디자인
수평선 만들기
Text 지우기
Width를 Fill parent로 , Height를 1 pixels로
Background Color 변경
HorizontalArrangement1,2,3 디자인
Width를 60 percent로
AlignVertical을 Center로
Label4,5,6 디자인
Text 변경 : 국가명 : / 수도명 : / 대륙명 :
Width를 Fill parent로
TextAlignment를 right로



Width를 Fill parent로
Hint 지우기
이름 변경: txtCountry, txtCapital, txtContiment



Button1 디자인
Text 변경 : 국가명으로 검색하기
이름 변경 : btnSearch
Notifier, File, TinyDB 가져다놓기
CSV 파일 업로드
최종 디자인
코딩(Coding)
Screen1이 시작이 될 때,
파일을 읽어오기
빈 리스트로 변수를 지정
TextFile을 가져와서 Text에서 읽어온 값을 cocaco List에 넣기,
ListPicker의 Element 요소들이 cocaco가 되도록 하기, FileToDB를 불러오기
FileToDB 프로시저
cocaco 리스트에 있는 각 아이템에 대해서,
국가명을 Tag로 하고 국가명, 수도명, 대륙명을 Value로 데이터베이스로 저장하기
ListPicker에서 선택이 되면,
txtCountry의 Text를 ListPicker의 Element중에서 선택된 것의 첫번째 index로 하기
txtCapital의 Text를 ListPicker의 Element중에서 선택된 것의 두번째 index로 하기
txtContinent의 Text를 ListPicker의 Element중에서 선택된 것의 세번째 index로 하기
Button이 클릭되면,
만약 txtCountry의 Text에 아무것도 적혀있지 않다면, Notifier로 "국가명을 입력하세요."라고 알림
만약 ccc가 빈칸이면, Notifier로 "해당 국가가 없습니다."라고 알림을 주기
그렇지 않다면, txtCapital은 ccc의 두번째 값, txtContinent은 ccc의 세번째 값으로 불러오기
실행
Build에 들어가 Android App(.apk)를 선택함.
Emulator-NoxPlayer 실행하기



'App Inventor' 카테고리의 다른 글
13주차 : Nursing Dictionary (0) | 2023.06.01 |
---|---|
10주차 : Camera&Share + WebViewer (0) | 2023.05.25 |
9주차 : SOS (0) | 2023.05.03 |
7주차 : To-Do List 와 Coffee-Holic (0) | 2023.04.20 |
6주차 : 디지털 시계 및 여행 앱 만들기 (0) | 2023.04.13 |