- 학교 '모바일 프로그래밍' 수업 중 개인 과제로 만든 영어 단어장 앱입니다.
- 앱 타이틀은 'VocaEng...'으로 ~하는 중이다라는 의미의 ing과 발음이 유사한 것을 이용해 '이 앱을 통해 단어(Voca)를 외우고 있는 중이다(Eng...)'라는 의미입니다.
- Fragment를 필수적으로 사용해야 했기 때문에 MainActivity 하나에 Navigation bar를 통해 Fragment를 변경하는 방식으로 구현했습니다.
- 메인 기능 : 메인, 단어장, 테스트, 오답노트, 내 단어장 --> Fragment
- 추가 기능 : 세팅 --> Activity
- 데이터베이스 (SQLite3)을 통해 단어를 저장하고 관리합니다.
- SharedPreference를 통해 변경한 앱 테마색을 앱 종료 후에도 저장합니다.
- 한 줄 명언
- 앱의 메인화면입니다.
- 메인화면으로 돌아올 때마다 인터넷에서 json객체를 받아와 'VocaEng...'글자 밑에 있는 텍스트에 출력합니다.
- 네비게이션 바
- 앱 하단의 네비게이션 바입니다. 메인 화면을 클릭 했을 때 화면은 위 사진과 같습니다.
- 카테고리별 단어 리스트 출력
- 네비게이션 바에서 두번째, 단어장을 선택했을 때 화면입니다.
- 맨 위, 세 개의 버튼을 클릭할 때마다 해당 버튼의 카테고리에 해당하는 단어들을 리스트로 출력합니다.
- 단어를 클릭하면 뜻을 볼 수 있습니다.
- 단어 추가,삭제, 수정
- 위 화면에서 FAB(Floating Action Button)을 클릭하면 단어를 추가할 수 있습니다. 현재 선택되어져 있는 카테고리에 추가됩니다.
- 단어를 왼쪽으로 밀면 단어를 삭제할 수 있습니다.
- 단어를 길게 선택하면 단어를 수정할 수 있습니다. 단어의 뜻만 수정 할 수 있습니다.
- 단어 즐겨찾기
- 단어의 별 표시를 클릭하면 단어를 즐겨찾기 추가/해제 할 수 있습니다.
- 즐겨찾기한 단어는 내 단어장에서 확인할 수 있습니다.
- 테스트 단어장 선택
- 네비게이션 바 세번째, 테스트를 선택했을 때 화면입니다.
- 테스트할 단어장을 선택합니다. 단어장 내에 단어가 3개 이상 존재해야 테스트를 진행할 수 있습니다.
- 테스트 유형 선택
- 영어 단어를 보고 한글 뜻을 맞추는 영/한 유형, 한글 뜻을 보고 영어 단어를 맞추는 한/영 유형이 있습니다.
- 테스트 화면
- 문제 하나당 세가지의 선택지를 보여줍니다. 맞출 경우, '정답입니다', 틀렸을 경우, '틀렸습니다' Toast 메세지가 뜨고 다음 단어로 넘어갑니다.
- 테스트는 최대 10문제를 볼 수 있습니다.
- 테스트가 끝나면 테스트 유형 선택 화면으로 돌아오고, 맞은 개수, 틀린 개수를 Toast 메세지로 보여줍니다.
- 오답 단어 리스트
- 네비게이션 바 네번째, 오답노트를 선택했을 때 화면입니다.
- 테스트에서 틀린 단어들이 자동으로 오답노트에 쌓입니다.
- 위쪽은 단어 하나씩 영어단어, 한글 뜻을 보여주는 카드뷰, 아래는 오답노트에 있는 단어들을 리스트로 보여줍니다.
- 리스트에서 단어를 클릭하면 해당 단어가 위 카드뷰에 반영됩니다.
- 카드뷰의 가려진 부분을 클릭하면 해당 단어의 뜻을 볼 수 있습니다.
- 오답노트의 리스트는 클릭 시 뜻을 볼 수도, 왼쪽으로 밀어 삭제할 수도, 길게 선택해 뜻을 수정할 수도 없습니다.
- 오답노트의 단어는 테스트 화면에서 오답노트 단어장을 선택해, 테스트에서 정답을 맞추면 자동으로 오답노트에서 삭제됩니다.
- 카테고리별 단어 리스트 출력
- 네비게이션 바 다섯번째, 내 단어장을 선택했을 때 화면입니다.
- 단어장에서 즐겨찾기 추가한 단어 + 기타 카테고리의 단어들을 볼 수 있습니다.
- 단어장과 달리, 각 단어마다 위에 해당 단어의 단어장 카테고리를 볼 수 있습니다.
- 단어 추가, 삭제, 수정
- FAB(Floating Action Button)을 클릭하면, 단어를 추가할 수 있습니다.
- 내 단어장에서 단어를 추가하면, OTHERS 카테고리에 추가됩니다.
- 기존에 존재하는 토익,토플,수능 카테고리에 속하지 않는 영어 단어들을 추가할 수 있습니다.
- 왼쪽으로 밀면, OTHERS 카테고리는 단어 삭제, 다른 카테고리는 즐겨찾기 해제가 됩니다.
- 단어를 길게 선택하면 단어의 뜻을 수정할 수 있습니다.
- 앱 정보
- 앱 상단바의 톱니바퀴 버튼을 클릭하면 SettingActivity로 넘어갑니다.
- 앱의 간단한 정보,기능들을 알 수 있습니다.
- 앱 테마색 변경하기
- 총 6가지의 컬러 중 하나로 앱의 메인 테마색을 변경할 수 있습니다.
- 클리하면 메인화면으로 돌아가면서 선택한 컬러가 반영됩니다.
- 앱의 상단바, 네비게이션 바, 단어 리스트 배경 등등이 앱 테마색에 맞춰 변경됩니다.
- 단어장, 내 단어장의 카테고리별 버튼, FAB 버튼은 앱 테마색에 맞춰 변경되지 않습니다.
- 앱 테마색 변경 예시