(My Voca) Day 8. Build Process 1

1. Base Layout

  1) BottomNavigationView

    - 3분할 메뉴 설정

    - 단어장, 시험, 환경설정

    - 기본 레이아웃 설정 완료

  2) 추후 계획

    - 공유 요소를 기준으로 두 개 엑티비티의 전환을 모션이동을 통해 연속성을 갖게 함

    - 공유요소: 단어리스트(단어 : 품사 : 뜻), 검색창(상단 고정)

    - 메인엑티비티: 단어 리스트와 검색창

    - 엑티비티 1: 네이버(or other) 사전 검색

    - 엑티비티 2: Title 행 - 단어, 품사, 뜻 / 1행 - 단어 포함 문장 리스트 / 2행 - 메모

 

2. 고민사항

  1) BottomNavigationView

    - 그대로 유지하는 것이 좋을 지?

    - 화면 활용에서 콘텐츠의 수직배치에서 화면 활용 면에서 손실 발생

    - 사이드 네비게이션메뉴를 사용하는 것이 화면 활용에서 효율적임

    - 원래 메뉴는 간단하게 가려고 했으나 한 개 더 추가해야할 듯

    - 메인 화면은 그냥 사전api 심기

  2) 메뉴 구성

    - 사전: 영어사전API 심고 엑티비티 모션전환, 북마크 버튼 누르고 해당 정보가 내 단어장으로 들어가게 만들기 (메인엑티비티 + 엑티비티1), 검색기록 개별 삭제

    - 단어장: 우측 아래 +버튼으로 단어 정보 추가, 엑티비티 모션 전환(엑티비티2(단어 리스트) + 엑티비티3(단어추가) + 엑티비티4(단어 정보)), 상단 고정기능

    - 시험: 시험 만들기(유형별로 엑티비티 개수 유동적, 기간 선택 or 품사 선택 or 전체 선택) - 단, 모션전환은 적용하기에는 콘텐츠에 연속성이 없음

    - 통계: 시험 결과가 저장 될 때마다 바로 통계 데쉬보드로 시각화(시험결과 저장을 위한 데이터베이스 구축 필요)

    - 환경설정: 알람기능, 화면 색(흑, 백), 글꼴, 글자 크기, 베터리 절약모드(모션 전환 끄기), 푸시 메시지 켜고 끄기, 검색로그 전체 삭제, 시험결과 데이터베이스 리셋, 단어장 데이터 다운로드

  3) 제스쳐

    - 좌>우 스와이프: 메뉴 화면전환(사전, 단어장, 시험)

    - 좌모서리 드래그: 네비게이션 메뉴(통계와 환경설정은 여기서만 선택 가능..? 고민 중)

    - 이상의 추가는 필요 없게 디자인 하기로.

 

3. 정리

실컷 하단메뉴바 짜놨는데 그냥 없애야할 거 같다. 그래야 아이콘 같은 잡스러운 것들 뺄 수 있을 듯

상단바는 어쨌든 살려야겠는데 이건 인스타같은거 보면서 참고해야할 듯

최대한 아이콘 없이 깔끔하게 여백 많은 화면에 세련된 글씨로 설정 배경은 최대한 면이 넓지만 화면을 많이 차지하지 않는 사진들로 구성