Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

다이어리/앨범 화면 #7

Open
35 of 36 tasks
jeiea opened this issue Oct 3, 2018 · 0 comments
Open
35 of 36 tasks

다이어리/앨범 화면 #7

jeiea opened this issue Oct 3, 2018 · 0 comments
Assignees

Comments

@jeiea
Copy link
Owner

jeiea commented Oct 3, 2018

자신·타인 레이아웃이 유사해 하나로 통합해 설명함

앨범 화면 및 다이어리 목록 화면

앨범 및 다이어리 목록을 탭으로 구분해 보여준다

구현 사항

  • 게임 화면에서 사진 ID를 받아 그 사진과 연관된 사진 및 다이어리 목록을 보여준다.
    • 사진 ID, 혹은 RemotePicture를 인자로 받는다
    • 다이어리 탭에 그 사진을 포함한 다이어리 목록을 넣는다
    • 사진 탭에 그 사진 주변의 사진 목록을 표시한다

사진 탭

  • 각 사진 항목을 눌러 그 사진을 크게 본다

  • 각 사진 항목을 길게 눌러 사진을 공유하거나 삭제한다

  • 줌인, 줌아웃 제스처로 섬네일 사진 크기를 조절한다

  • 사진을 추가한다

    • 앨범 화면에서 + 버튼을 터치한다
    • 다이얼로그 혹은 새 액티비티에서 앨범에 없는 사진을 추가한다
    • 위치 정보가 있는 사진만 필터링 해 보여준다
    • 복수 사진을 추가한다
  • 공개된 사진을 랜덤으로 보여준다

    • 메인 화면에서 Other's 버튼으로 진입할 시 인자를 따로 받는다
    • 자신의 사진이 아니라 공개된 랜덤 사진을 받아 보여준다
  • 앨범에 추가된 사진에서 여행과 관련없는 사진을 제외한다

    • 사진 한 장 보기 화면에서 메뉴 버튼 터치
    • 사진 삭제 버튼을 선택하면 삭제
    • 사진을 길게 터치해 일괄 선택해 삭제한다
  • 앨범에 있는 사진을 삭제하거나 공개 금지한다

    • 앨범 화면에서 사진을 다중 선택한다
      • 액션 바에서 삭제 버튼을 터치하거나
      • 공개/비공개 버튼을 터치한다
    • 사진을 터치해 단일 사진 보기 화면에 들어간다
      • 액션 바에서 삭제 버튼을 클릭하거나
      • 공개/비공개 버튼을 터치한다
  • 사진을 자동으로 추가한 후 필터링

다이어리 탭

  • 목록을 받아오기 전 로딩 애니메이션을 보여준다.
  • 우하단에 떠있는 추가버튼을 눌러 다이어리 생성화면으로 진입한다
  • 각 다이어리 항목을 눌러 다이어리 조회 화면으로 진입한다
  • 각 다이어리 항목을 길게 눌러 다이어리 수정·삭제 옵션을 띄운다
  • 공개된 다이어리를 랜덤으로 보여준다
    • 메인 화면에서 Other's 버튼으로 진입할 시 인자를 따로 받는다
    • 자신의 다이어리가 아니라 남의 다이어리를 받아 보여준다
  • 다이어리 설명을 스크롤한다

디자인 화면

9

리소스 파일

_
_ 2

다이어리 조회 화면

다이어리 하나의 제목, 글귀와 포함한 사진을 맵뷰와 함께 보여준다

구현 사항

  • 게임에서 좌표나 지명을 건네주면 그 좌표와 지명에 연관된 사진들을 다이어리처럼 보여준다
    • 진석이하고 상의해서 좌표와 범위 혹은 지명을 인자로 받는다
    • 서버 요청으로 사진 목록을 받아온다
    • 맵뷰와 아래 사진 칸에 받은 사진을 띄운다
  • 사진 목록을 맵뷰와 사진 목록 칸에 띄우고 연동한다
    • 사진 터치 시 맵뷰의 해당 섬네일 주변을 확대 표시한다 (필요 기능은 호준한테 말하기)
    • 섬네일 터치 시 아래 사진 칸에서 해당 사진으로 스크롤하고 사진을 확대 표시한다
  • 우상단의 다이어리 수정 버튼을 눌러 다이어리 수정화면으로 진입한다
  • 우상단의 다이어리 삭제 버튼을 눌러 다이어리 삭제 여부를 확인한다

디자인

어느 정도 완성 됐으니 굳이 필요할까 싶은데, 삭제 버튼 아이콘이 필요하면 민주한테 구해달라 하면 됨.

다이어리 생성 화면

구현 사항

  • 제목 입력
  • 내용 입력
  • 사진 추가 기능
  • 서버 업로드
  • 다이어리 목록화면에서 다중선택한 결과를 불러오기

다이어리 수정 화면

구현 사항

  • 상단 에디트에 제목을 띄우고 수정한다

  • 임의 에디트에 내용을 띄우고 수정한다

  • 다이어리 사진 목록을 띄운다

  • 사진 목록의 순서를 재배열한다

    • 위아래 버튼 방식으로 바꾼다
    • 사진을 드래그해서 바꾼다
    • 다중 선택한 후 드래그 한다
  • 우상단 저장 버튼으로 변경사항을 저장하고 나간다

    • 나가기 전에 서버에 변경 내용을 업로드한다
  • 좌상단 뒤로가기 버튼으로 변경사항을 취소하고 나간다

  • 사진 추가 시 위치정보 없을 시 예외처리

  • 폴더 형식으로 재귀

디자인

리소스 파일

다이어리화면_버튼.zip
다이어리화면_버튼2.zip
로딩중.zip

empty_diary
empty_picture
empty_diary
empty_picture

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants