2021.08.14 - 08.15 개발 일지 (게시판 레이아웃 보완, 유효성 검사, image-zoom-view 적용)

앱에서 제공할 기능들은 다 완성한 상태라

이제 앱 전반적인 레이아웃과 디자인만 보완하면 될 듯 하다.

그래서 오늘은 게시판 레이아웃을 전체적으로 손보고 유효성 검사를 추가했다.

 

개발 내용

1. 게시판 카테고리 버튼 TabLayout 적용

게시판 카테고리가 총 4개가 있는데 각 게시판을 fragment로 만들고

상단에 있는 게시판 이름 버튼을 클릭해서 fragment를 불러오는 방식으로 작동한다.

 

버튼 4개를 나열해놓으니 디자인이 투박한 것 같아서 보완하기 위해 구글링해봤는데

내가 원하던 디자인을 구현하는데 필요했던 TabLayout이라는 레이아웃을 찾았다.

 

https://developer.android.com/reference/com/google/android/material/tabs/TabLayout

TabLayout  |  Android Developers

 

 

TabLayout 적용 전후 사진을 비교해봤을 때 훨씬 깔끔한 느낌이 든다.

 

2. 게시판 글 작성 레이아웃 수정

제목과 내용을 입력할 때 키보드가 올라오면서 작성하고 있는 부분이 화면에서 안보이는 문제가 있어서

전체적으로 레이아웃을 갈아엎었다.

 

3. 게시판/일기장 사진 클릭 시 확대 페이지로 이동 (image-zoom-view)

일기장에 있던 사진 첨부 기능을 게시판에도 적용하게 되어 한층 더 완성도가 높아지긴 했는데

어딘가 허전한 느낌이 드는 것이다... 그래서 에브리타임이나 네이버 카페에서 글을 확인할 때를 떠올려봤는데

이미지를 클릭했을 때 확대할 수 있는 기능이 들어가면 좋겠다는 생각이 들었다.

검색해보니 image-zoom-view라는 라이브러리가 있어 간편하게 줌 기능을 적용할 수 있었다!!

 

https://github.com/hsmnzaydn/image-zoom-view

GitHub - hsmnzaydn/image-zoom-view: Imageview zoom library for android

 

dependency 추가하고 기존에 ImageView였던 것을 ImageZoomView로 바꾸기만 하면 끝.

 

이미지를 확대할 수 있게 되었다~~

 

4. 게시판 글 작성 취소 팝업 추가

사소한 기능이긴 한데 글 작성하다가 뒤로 가기 버튼을 실수로 눌러서 작성하던 글이 날아가는 것을 방지하기 위해

뒤로 가기 버튼을 눌렀을 때 글 작성 취소 확인 팝업을 추가했다.

 

5. 게시판 글 작성 완료 시 유효성 검사

제목, 내용을 작성하지 않고 글을 등록하는 것을 방지하기 위해 유효성 검사를 추가했다.