[안드로이드 스튜디오 독학#35] WGPG_Home

이번 게시물은 WGPG ver1.0.0 에서 마지막으로 개발한 Home파트이다.

이 파트는 후에 서버를 통해 계정을 등록할 수 있을 때, 다른 사람들과 취업 정보를 공유하기 위한 화면이다.

1. Home

Home의 기본 화면은 다음과 같다.

처음에 WGPG어플에 들어올 때 보여줄 화면인 HomeFragment,

프로필 사진을 보여줄 화면인 HomeShowProfileFragment,

링크를 통해 인터넷 화면을 보여줄 HomeShowLinkFragment,

홈 화면의 내용을 수정할 HomeModifyFragment,

링크를 수정할 HomeModifyLinkDialog 총 5개의 화면으로 구성했다.

Home

Home화면의 인터페이스는 인스타그램을 흉내내보려고 노력했다.

'수정'버튼을 통해 HomeModifyFragment로 접근할 수 있고, 

왼쪽 상단의 연예인 공유의 이미지가 프로필 사진인데, 구글에 연예인 검색해서 아무 사진이나 다운받았다.

프로필 사진을 클릭하면 HomeShowProfileFragment로 이동하게 되고,

옆의 초록색 링크 아이콘을 클릭하면 HomeShowLinkFragment로 이동하게 된다.

이미지는 Bitmap으로 로컬 저장소에 저장했다.

이미지를 동그랗게 만드는 작업은 원본 이미지 -> 정사각형 이미지 -> 원형 이미지의 방법으로 구현했다.

2. HomeShowProfile

HomeShowProfile

3. HomeShowLink

링크는 포트폴리오나 Github같은 링크를 목적으로 기능을 넣었으며, 나는 블로그의 링크를 넣었다:)

HomeShowLink

4. HomeModify

HomeModify

수정하는 화면은 기존의 홈 화면에서 TextView를 EditText로 변경했고, 

프로필 사진을 클릭하면 갤러리로 접근해서 사진을 가져올 수 있도록 하고,

링크를 클릭하면 HomeModifyLinkDialog를 호출하도록 했다.

HomeAccessGallery

갤러리에는 프로필사진을 바꿀 수 있도록 몇가지 사진을 넣어놨다.

5. HomeModifyLink

HomeModifyLink

HomeModifyLink는 DialogFragment를 상속받아 Dialog처럼 사용했다.

PositiveButton과 NegativeButton을 추가하는 방법도 있지만, 나는 그냥 버튼 두개를 만들어서 ClickListener로 데이터를 저장하도록 구현했다.

링크는 DB에 저장했는데, 처음에만 Table에 데이터를 Insert하고 그 후에는 Update를 사용해 하나의 데이터만 들어가도록 구현했다.