Material Library

안드로이드/UI

[Android] CoordinatorLayout과 Bottom Sheet

CoordinatorLayout CoordinatorLayout은 FrameLayout에 기반을 둔 Layout으로 주로 다음과 같이 사용합니다. 화면의 최상위 뷰인 DecorView로서의 사용 하나 혹은 그 이상의 자식 뷰들과 상호작용하기 위한 컨테이너로서의 사용 CoordinatorLayout은 보통 스크롤 이벤트에 따라 상단의 AppBar 혹은 다른 View를 변화시키고 싶을 경우에 사용합니다. 스크롤에 따라 AppBar를 숨길 수 있고 하나의 뷰가 드래그 될 때 다른 뷰가 함께 드래그되게끔 할 수 있습니다. Bottom Sheet Bottom Sheet은 CoordinatorLayout과 함께 유용하게 사용할 수 있습니다. Bottom Sheet는 액티비티 창의 화면 구성과 별도로 하단에 View..

안드로이드/UI

[Android] CardView

CardView CardView는 아래와 같이 각 모서리를 둥글게 표현할 수 있는 형태의 레이아웃을 말합니다. 라운드 처리 뿐만 아니라 그림자 효과도 쉽게 줄 수 있어 손쉽게 사용자의 눈에 띄도록 표현할 수 있습니다. 따라서, 보통 리스트뷰 계열의 데이터 목록에서 각 아이템을 표현하고자 할 때 자주 사용됩니다. CardView 사용하기 CardView를 사용하기 위해서는 build.gradle에 Material Library가 추가되어 있어야 합니다. implementation 'com.google.android.material:material:1.9.0' 다음과 같이 레이아웃에 CardView를 추가합니다. cardCornerRadius : CardView의 각 모서리의 둥근 정도 지정 cardBack..

안드로이드/UI

[Android] AppBar 사용하기

AppBar AppBar는 현재 화면의 정보와 작업을 표시하기 위해 앱 창 상단에 위치해있는 바를 뜻합니다. 하단에 위치한 AppBar도 있지만 일반적으로 쓰이지는 않습니다. Container Navigation icon (optional) Title (optional) Action items (optional) Overflow menu (optional) ActionBar과 Toolbar ActionBar는 API Level 11에 Activity에 붙은 형태로 등장하여 계속 사용되다가 API Level 21부터 Toolbar widget을 이용하여 ActionBar를 사용할 수 있게 되었습니다. ActionBar는 Activity에 종속적인 문제와 함께 안드로이드 버전에 따라 다르게 동작할 여지가 있..

안드로이드/UI

[Android] Chip과 ChipGroup

Chip Chip은 입력이나 속성, 작업을 나타내는 대화형 압축 요소입니다. 이는 필터링 설정이나 작은 텍스트를 보여주는데 유용하게 사용됩니다. Chip을 사용하기 위해서는 build.gradle에 Material Library가 추가되어 있어야 합니다. implementation 'com.google.android.material:material:1.9.0' ChipGroup Chip만 사용할 경우 줄이 가득차면 다음 줄로 넘어가지 않고 계속해서 옆으로 생성됩니다. 이럴 때, ChipGroup 안에 Chip을 생성하면 알아서 다음 줄에 Chip을 생성됩니다. ChipGroup을 사용하면 자동 개행이 적용되고, 여백을 한 번에 조정할 수도 있습니다. Chip의 속성 style : Chip의 스타일 Ent..

안드로이드/UI

[Android] TextInputLayout 사용하기

TextInputLayout TextInputLayout은 EditText를 기반으로 좀 더 유연한 동작을 보여주는 레이아웃입니다. 이는 TextInputEditText를 감싸고 있고 TextInputEditText에 입력된 텍스트에 반응합니다. TextInputLayout을 사용하기 위해서는 build.gradle에 Material Library가 추가되어 있어야 합니다. implementation 'com.google.android.material:material:1.9.0' 먼저 아무 속성도 설정하지 않을 때의 TextInputLayout의 모습은 다음과 같습니다. TextInputLayout의 속성 style : 기본 스타일인 FilledBox과 OutlinedBox app:errorEnabled..

damon-911
'Material Library' 태그의 글 목록