앱인벤터 배우기 #2 리스트로 갤러리 만들기

 

---

앱인벤터 사용 준비

 

컴퓨터에서 아래 사이트 접속

https://ai2.appinventor.mit.edu/

코딩을 확인할 스마트폰에서
AI2 companion app 설치

 

---

연결

연결-AI 컴패니언-QR링크

 

---

튜토리얼

리스트를 활용하여
사진 넘기는 갤러리 앱 만들기

소스 공유 공쌤 감사합니다

 

---

사전 준비 작업

 

사진을 앱인벤터에 업로드하기

 

---

코드 설계

 

변수입력

전역변수 '사진들' 리스트 파일 이름 지정하기
리스트에 파일 이름이 지정되어 들어감.
전역변수 'index'에 초기값 '1' 설정

문제 구조화 하기
1. previous버튼 next버튼으로 사진 바뀌게 하기
2. next버튼을 마지막 파일에서 비활성화하기
  3. previous버튼을 첫 파일에서 비활성화하기  
  

next 버튼

만약, 전역변수 index 값이 5(5번째 그림 페이지가 나오면)이면
next 활성화 거짓
아니라면, previous활성화 참
 next 활성화 참
지정하기 전역변수 index = 전역변수 +1
next를 누를 때 마다 전역변수가 1이 증가해서 다음 사진으로
넘어가는 효과가 나타남
지정하기 이미지1(사진틀)에 사진값을 리스트(사진파일)에서 선택할 수 있게
리스트에 전역변수 사진들 지정
위치는 전역변수 index로 지정

previous 버튼
(next 버튼 코딩에 변수 설정만 변경)
만약, 전역변수 index 값이 1(1번째 그림 페이지가 나오면)이면
previous 활성화 거짓
아니라면, previous활성화 참
 next 활성화 참
지정하기 전역변수 index = 전역변수 - 1
previous를 누를 때 마다 전역변수가 1이 감소해서 이전 사진으로
넘어가는 효과가 나타남
지정하기 이미지1(사진틀)에 사진값을 리스트(사진파일)에서 선택할 수 있게
리스트에 전역변수 사진들 지정
위치는 전역변수 index로 지정