Android in A..Z - CoordinatorLayout (CollapsingToolbarLayout)

CollapsingToolbarLayout

FrameLayout을 상속받은 View로 AppBarLayout이 CoordinatorLayout의 Child View에서만 정상작동 하듯이 CollapsingToolbarLayout은 AppBarLayout의 Child View일 때 정상작동 한다.

---

Toolbar

기본적으로 toolbarId 값을 정하여 CollapsingToolbar에 Toolbar를 알리지만 굳이 추가하지 않아도 내부적으로 Toolbar를 찾는다.

app:toolbarId="@id/toolbar"

---

Title

기본적으로 title을 정하지 않으면 Toolbar의 title을 가져온다. titleEnabled를 설정하면 CollapsingToolbar의 Title을 사용하고 설정하지 않으면 Toolbar의 Title을 사용한다.

(Toolbar의 layout_height를 wrap_content로 설정하면 안된다. ?attr/actionBarSize로 설정해야 title이 나온다.)

app:title="Title"
app:titleEnabled="true"

---

CollapseMode

CollapsingToolbarLayout의 Child View는 app:layout_collapseMode 속성을 사용해 collapse 기능을 사용할 수 있다.

app:layout_collapseMode

• pin : AppBarLayout이 스크롤 되어도 고정시킬 때 사용한다.
• parallax : AppBarLayout이 스크롤 될 때 같이 스크롤되도록 지정한다.

---

Scrim

CollapsingToolbarLayout이 Collapse Mode로 들어갈 때 Scrim을 설정할 수 있다.

=> CollapsingToolbarLayout의 Background를 지정하거나 StatusBar의 Background를 지정할 수 있다.

app:statusBarScrim
app:contentScrim

---

Git (예제코드)

github.com/KangTaeJong98/Example/tree/main/Android/CoordinatorLayout

KangTaeJong98/Example