개발일지

Android in A..Z - CoordinatorLayout (CollapsingToolbarLayout) 본문

Android (안드로이드)/CoordinatorLayout

Android in A..Z - CoordinatorLayout (CollapsingToolbarLayout)

강태종 2021. 1. 27. 01:43

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

My Example Code. Contribute to KangTaeJong98/Example development by creating an account on GitHub.

github.com

 

저작자표시

'Android (안드로이드) > CoordinatorLayout' 카테고리의 다른 글

Android in A..Z - CoordinatorLayout (Behavior / Event)  (0) 2021.01.27
Android in A..Z - CoordinatorLayout (AppBarLayout)  (0) 2021.01.27
Android in A..Z - CoordinatorLayout (기본)  (0) 2021.01.26
'Android (안드로이드)/CoordinatorLayout' Related Articles more
Comments