스팀 앱 개발기 #93 - 보팅 리스트 화면에서 프로필 이미지 클릭 기능 구현

dorian-mobileapp (64)in kr-dev 커뮤니티 • last year

시작하며...

보팅 리스트 화면 개발 후, 추가 기능을 만들어 보고 싶었습니다. 그것은 바로 프로필 이미지 크게 보여주기. 보팅 리스트 화면에서 프로필 이미지를 클릭하면, 그것을 확대해서 보여주는 화면을 추가로 만들어 보았습니다. 프로필 화면에서 이를 연결하는 것은 이미 다른 서드파티 웹에서 구현이 되었지요. 저는 보팅 리스트에서 바로 프로필 이미지를 크게 보고 싶다는 자체적인 요구 사항을 만족해 보고자 했습니다.

스크린샷

프로필 이미지 화면은 위와 같이 만들었습니다. 위 이미지에서는 @pircoin 계정을 예로 들어 보았습니다.

작업 내용

추가 클래스
- ProfileImageActivity: 프로필 이미지 담당 액티비티
- ProfileImageViewModel: 프로필 이미지 담당 뷰모델. 스팀잇 계정만 보유.
추가 리소스
- activity_profile_image.xml: 프로필 이미지 화면 담당 레이아웃
- loading.gif: 이미지 로딩 중일 때 임시로 보여줄 동적 이미지
- no_image_available.png: 이미지 불러올 수 없으면 대신 로딩할 이미지
수정 클래스
- VoteListActivity 클래스: 프로필 이미지 클릭 구현
- VoteListAdapter 클래스: 프로필 이미지 클릭 구현
수정 파일
- DataBindingUtil.kt: 로딩 중에 loading.gif 보여주기, 로딩 불가시 no_image_available.png 보여주기