#포도

SOPT18 미니앱잼 2조

#워크 플로우 화면구성 - 스플래시 Activity - 로그인 Activity - 튜토리얼 Activity - 메인 Activity - 선택1 Activity - 선택2 Activity 카메라 화면 Activity 사진보기화면 Activity

1. 기능조사 스플래시 Activity - Handler Object를 이용하여 2초 딜레이 후 로그인 화면으로 넘어갑니다.

   로그인 Activity - Id, Password를 입력 후 메인화면 / 회원가입으로 넘어가기 (아직은 DB와 연동은 되지 않음)

   튜토리얼 Activity - 각각의 화면을 캡쳐하여 설명을 달아줌 슬라이드로 넘기는 식으로 3슬라이드 구현

   메인 Activity - 카테고리 별로 나누어져 있는 조건 선택 원하는 조건 선택 한 뒤, Done 버튼으로 다음 화면으로 넘어감(카테고리별로 1개만 선택)

   <필요 컴포넌트> 리니어 레이아웃 Horizontal 형식의 리스트 뷰 4개 (세로로 리스트 뷰를 배치하고, 가로로 이미지를 배치) Done 버튼

   선택1 Activity - 선택한 카테고리에 해당하는 사진을 띄움 사진을 클릭했을때, 사진을 확대해서 보여줌 하단 중앙에 카메라 버튼이 존재하고, 눌럿을때 기본 카메라를 띄워줌

   선택2 Activity - 선택1 엑티비티에서 누른 사진을 크게 보여줌 하단 중앙에 카메라 버튼이 존재하고, 눌럿을때 기본 카메라를 띄워줌

   카메라 화면 Activity - 기본 카메라 화면 (기본 카메라를 사용해서 커스터마이징이 불가능함)

   사진보기화면 Activity -

---

액티비티 별 설명

#스플래시 액티비티

##기능/데이터 Handler Object를 이용하여 2초 딜레이 후 로그인 화면으로 넘어갑니다.

##뷰 디자이너가 주는 이미지를 큰 화면으로 보여준다

#메인 액티비티 ##기능 설명

• 카테고리 별로 나누어져 있는 조건를 고른다
• 포즈를 고른 뒤 Done 버튼을 누르면 다음 화면으로 넘어간다
• 고를 포즈는 카테고리 별로 1개이다

##기능/데이터

• 데이터를 불러오는 방법은 2가지가 있다

1. 클라이언트에 저장된 정보들을 이용하는 방법 리스트뷰 인플레이팅을 할 때 가지고 있는 정보들을 같이 밀어넣어 준다
2. 서버에서 해당 카테고리 정보를 전부 가져오는 방법

- 서버에 카테고리를 부르는 api를 요청하고, 가져 온 정보들을 리니어 레이아웃(또는 리스트 뷰예 맵핑한다)

• 가져온 이미지는 이미지 로딩 라이브러리 (Glide, Picasso등을 이용해서 화면에 보여준다)

• **해당 방법은 설명만 써놓고 구현은 1번 방법을 이용한다**
  

• 카테고리 별로 아이템을 클릭했을 때 이벤트 처리를 구현한다

  • 해당 선택된 아이템 외의 아이템들을 어둡게 바꿔 준다

• 아이템을 다 고르고 난 뒤 Done 버튼을 누른다

  • 아이템을 제대로 골랐는 지 체크하여, 조건에 맞지 않으면 토스트를 띄운다.
  • 아이템을 1개 이상 골랐을 경우 인텐트를 생성하고 , 다음 페이지를 호출한다.

##뷰

필요한 컴포넌트

• 리니어 레이아웃
• Horizontal 형식의 리스트 뷰 4개 (혹은 그리드 뷰, 해당하는 뷰를 집어넣는다)
• Done 버튼

튜토리얼 버전을 만들기 위해 대폭 수정된다 카테고리 1 사람 수 : 1명 2명 3명 카테고리 2 분위기 : 코믹 / 진지 카테고리 3 시간대 : 낮/밤 세로로 리스트 뷰를 배치하고 가로로 이미지를 배치한다

#선택1 액티비티 ##기능 설명

• 자신이 선택한 카테고리에 해당하는 사진을 보여준다
• 사진을 클릭했을 때, 사진을 확대해서 보여준다
• 하단 중앙에 카메라 버튼이 존재하고, 누르면 카메라를 띄워 준다

##기능/데이터

• 데이터를 불러오는 방법은 2가지가 있다

1. 클라이언트에 저장된 정보들을 이용하는 방법

• 인텐트로 첫번째, 두 번째 세 번째 카테고리 정보를 받는다
• 현재 카테고리 수에 맞는 이미지들을 그리드뷰에 던진다.
• 리스트를 12개를 만들어 놓는다

2. 서버에서 해당 카테고리 정보를 전부 가져오는 방법

##뷰

필요한 컴포넌트

-그리드 뷰 - 2열 그리드뷰 형태로 사진을 보여준다 -하단 액션바 : 중앙에 카메라 버튼이 있다

#선택2 액티비티 ##기능 설명 선택 액티비티 1에서 누른 사진을 크게 보여준다 카메라 버튼을 누르면 카메라 인텐트를 준다

기능/데이터

데이터를 불러오는 방법은 2가지가 있다

###클라이언트에 저장된 정보들을 이용하는 방법 (댐핑) 인텐트로 넘어 값을 읽어 해당하는 이미지의 id를 이미지 뷰에 넣어준다

카메라 인텐트 주기

카메라 버튼을 눌렀을 때 카메라 인텐트를 주고 안드로이드 기본 카메라 앱을 연다 사진을 찍으면 찍은 사진을 새로운 액티비티로 넘긴다 뷰

필요한 컴포넌트

• 이미지 뷰 -하단 액션바 : 중앙에 카메라 버튼이 있다