/kotlin-study-05

Simple Airbnb

Primary LanguageKotlin

Simple Airbnb App

심플 에어비엔비

Naver Map API 를 이용해서 지도를 띄우고 활용할 수 있음.

Mock API 에서 예약가능 숙소 목록을 받아와서 지도에 표시할 수 있음.

BottomSheetView 를 활용해서 예약 가능 숙소 목록을 인터렉션하게 표시할 수 있음.

ViewPager2 를 활용해서 현재 보고있는 숙소를 표시할 수 있음.

숙소버튼을 눌러 현재 보고 있는 숙소를 앱 외부로 공유할 수 있음.

배운 것

  • Naver Map API 사용하기
  • ViewPager2 사용하기

FrameLayout 알아보기

Frame: 액자를 뜻하며 프레임레이아웃 배치방식을 액자형식이라고 생각하면 이해하기 쉽다.
똑같은 크기에 사진을 액자 하나에 끼어넣었을 때, 맨 처음 넣은 사진은 다음번에 넣은 사진으로 인해 보이지 않는다.
프레임레이아웃 배치는 이와 같다.( 사진(뷰)들이 다 같은 사이즈일 경우) 맨 처음 넣은 뷰가 최하단에 깔린다.

CoordinatorLayout 사용하기

CoordinatorLayout은 FrameLayout에 기반을 둔 Layout으로 2개의 주요 기능이 있다.

  1. 최상위 Decor 뷰로서의 사용
  2. 자식 뷰들간의 인터렉션을 위한 컨테이너로서의 사용
  • BottomSheetBehavior 사용하기
  • Retrofit 사용하기
  • Glide 사용하기