'Material Design' 알짜 Tip

Toolbar

AppBarLayout으로 Toolbar를 감싸줘야 사용가능

app:layout_scrollFlags(toolbar속성)

1.scroll

스크롤 이벤트에 반응할 모든 view에 반드시 설정

2.enterAlways

아래쪽 방향으로 스크롤할 때마다 이 보기가 표시

3.enterAlwaysCollapsed

해당 view에 최소 높이값이 있는 경우

해당 크기로 시작해 맨 위로 스크롤 될 때만 전체 높이로 확장

4.exitUntilCollapsed

view가 최소 높이까지만 축소됨

Collapsing Toolbar

CollapsingToolbar로 Toolbar를 감싸줌

스크롤에 따라 Toolbar를 확장하거나 축소할 수 있게 됨

setTitle()을 이용하여 text 삽입

app:layout_collapseMode(toolbar속성)

1.pin

callapsingTollbarLayout이 완전히 축소되면 Toolbar는 화면 맨 위에 고정

2.parallax

Toolbar 완전히 축소

app:layout_collapseParallaxMultiplier(CollapsingToolbar속성)

CollapsingToolbarLyaout에 ImageView를 사용하는 경우

app:layout_collapseParallaxMultiplier = "0.7"와

app:contentScrim="?attr/colorPrimary" 속성을 사용하면

view가 축소될 때 그림 위로 지정한 색상이 오버레이되면서

자연스럽게 Toolbar로 축소되는 애니메이션 구현가능

*app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

위의 기능을 RecyclerView와 자연스럽게 연결하기 위해서 사용