본문 바로가기
안드로이드 개발

안드로이드 기본 컴포넌트 색상이 궁금할 때 (Material You, Dynamic Color)

by 아이엔 / ienground 2023. 1. 15.

이번 Material You : Dynamic Color를 적용하면서, 스위치에는 어떤 색상이 적용되는지, BottomNavigationView나 NavigationRail, 등등에는 어떤 색상이 적용되는지 알 필요가 있었다. 그래서 요란한 색상으로 알아보는 테스트를 가졌었는데 혹시 몰라서 블로그에 첨부.

 

MaterialSwitch, NavigationRail, Chips의 색상을 여기서 확인할 수 있다.

<MaterialSwitch>
On -> 배경은 colorPrimary, 스위치 Thumbs는 colorOnPrimary

Off -> 테두리와 Thumbs은 colorOutline, 배경은 colorSurfaceVariant.

 

<Chips>

테두리는 colorOutline, 글자는 coorOnSurface.

 

<NavigationRail> 

배경은 colorSuface.

Selected : 배경은 colorSecondaryContainer, 아이콘은 안 적어놨는데 아마 colorOnSecondaryContainer일 것이다. 글자는 colorOnSurface.

Unselected : 아이콘 colorOutline.

 

<TextInputLayout & TextInputEditText>

배경 colorSurfaceVariant.

hint colorOnSurfaceVariant.

글자 아마 colorOnSurface.

<ExtendedFloatingActionButton>

배경 colorSurfaceVariant.