[앱 인벤터2] 만들어 보기-관심 여행지 앱
[앱 인벤터2] 만들어 보기-관심 여행지 앱
|
|
목차 학습 목표 학습 내용 관심 여행지 앱 만들기 관심 여행지 추가 삭제하기(목록 뷰 추가 삭제) 액티비티 스타터를 이용한 구글 지도 연결 주요 관광지 검색 기능 추가하기(목록 뷰 필터기능) |
|
학습 목표 |
1. 앱 인벤터2의 기본내용에 대해 점검을 통해 기본 내용을 더 이해한다.
|
학습 내용 |
1. 내가 관심이 있는 관광지 및 도시를 추가하고 삭제하는 앱을 만듭니다.
2. 지도보기 기능을 두어 직접 구글 지도에서 검색을 할 수 있습니다.
3. 목록이 많아질 경우, 검색 기능을 추가할 수도 있습니다.
이번 강좌는 블록 편집 화면의 블록은 없습니다.
앞의 강좌를 이해를 했다는 토대위에 주어진 문제에 따라 순서대로 만들어보는 강좌입니다.
중간 중간 관련 내용에 대한 관련 강좌 링크를 넣었습니다.
|
관심 여행지 앱 만들기 |
전체 만들어진 화면.
기능
목록에 내 관심 여행지를 추가하고 삭제가 가능합니다.
선택하고 지도보기로 구글 지도를 볼 수 있어요.
검색 기능 보이게를 누르면 검색 기능을 넣을 수 있어요.
(숨기는 기능에 대해서는 학습하지 않았기에 넣지 않았습니다.)
|
관심 여행지 추가 삭제하기(목록 뷰 추가 삭제) |
목록 뷰에 대해 잘 모를 때 아래 글을 선택해서 목록뷰에 대한 학습 후, 아래 내용 진행을 해 주세요.
[앱 인벤터2] 기본 기능 익히기 1 (목록뷰) -목록 삭제
(1) [목록뷰] 아래와 같은 목록을 작성하고, 선택한 목록을 삭제,
그리고 입력 상자에 내용을 목록에 추가하는 앱을 만들어 보자.
화면 구성은 아래와 같습니다.
[만들기 순서]
1-1 화면을 위와 같이 구성한다.
1-2 블록 화면으로 이동하여 목록뷰 요소를 선택 이후에 선택한 항목을 삭제하는 블록 기능을 넣어보자.
1-3 입력 상자(텍스트 박스)에 관심 관광지와 도시를 입력한 이후에 목록에 추가하는 기능을 넣어보자.
추가를 누르면 목록 뷰에 해당 항목이 추가되게 된다.
|
액티비티 스타터를 이용한 구글 지도 연결 |
[만들기 순서]
2-1 [디자이너 화면] 뷰어 화면에서 지도보기 버튼을 추가한다.
2-2 [블록 화면] 관광지 및 도시를 선택한 이후에
지도보기 버튼을 누르면 구글 지도로 연결되는 기능을 추가해 보자.
|
주요 관광지 검색 기능 추가하기 |
우리가 등록한 관심 여행지가 목록이 많아질 경우가 있다.
그렇다면 일일이 이를 찾아 삭제하거나 지도보기를 할 수도 없다.
자 이제 관심 여행지에 대한 검색 기능을 추가해 보자.
목록뷰의 검색 기능 추가를 잘 모를 때 아래 글을 참고해서 할 수 있습니다.
[앱 인벤터2] 기본기능 익히기 8-(목록 뷰) 검색 기능 추가
[만들기 순서]
3-1 [디자이너 화면] 관심 여행지에 대한 검색 입력 창을 보이도록 검색 기능 보이게 버튼을 추가하고
3-2 [블록 화면] 이에 대한 기능을 넣어보자.
|
앱에 이제 직접 설치해 보자. |
앱 인벤터2 사이트의 빌드 기능을 이용하여 앱 apk 파일을 내 폰에 직접 설치해 보기
[앱 인벤터2] 기본 1 - 앱 설치파일 만들기(apk파일)
오늘 하루도 수고하셨습니다!!!
하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는 그를 믿는 자마다 멸망하지 않고 영생을 얻게 하려 하심이라(요3:16)