</>

지난 포스트에 이어서 이번 포스트에서는 마찬가지로 Material Components가 지원하는 Bottom Navigation을 만들어 보자. 이번 포스트 역시 Material 공식 가이드 문서를 참조한다. 우리가 흔히 쓰는 앱들 안에서 하단에 탭이 위치해 탭의 버튼을 누르면 특정 페이지로 넘어가는 뷰를 본 적이 있을 것이다. 해당 페이지는 액티비티가 넘어가는 것이 아니라, Navigation의 원리로 인해 전환되는 것이다. 우선 우리가 만들어볼 화면의 완성본은 다음과 같다. 하단에 보라색 바가 있고, 아이콘과 텍스트가 결합되어 하나의 메뉴를 이루고 있다. 또한 메뉴를 클릭하면 클릭한 메뉴만 흰색으로 변하게 된다. 우선 가장 먼저 필요한 Bottom Navigation을 구현하기 위해 BottomNav..

지난 포스트에 이어 OutlinedButton 을 만들어 보겠다. 우선 지난 포스트에서 사용한 코드를 공유한다. ​ 버튼을 만들었고, 터치하면 동그란 애니메이션이 발생하는 것을 볼 수 있다. 이제 Outlined button을 살펴보자. 우선 Outlined button은 원래 MaterialButton 에 Outline 을 적용하는 style 만 추가하면 바로 결과를 확인할 수 있다. ​ xml 코드에서 MaterialButton 아래에 새로운 버튼을 추가해 보자. 지난 포스트와 마찬가지로 parent 레이아웃에 제약 조건을 잡아 주고, 너비를 150dp로 고정해 보자. 단, 두 번째 버튼의 상단은 parent가 아닌, 지난 포스트에서 만들었던 MaterialButton이 될 것이다. 두 버튼이 겹치면..

지난 포스트에 생각보다 반응이 좋아 이번 포스트에서는 이전 포스트에서 진행하였던 Gradle Sync 세팅을 바탕으로 기본적인 Material Design 을 활용하여 안드로이드 화면 내에 Material Button 을 표시해 보겠다. 이번 포스트는 이전 포스트와 비교해 버전 차이가 있을 수 있으므로 다음 build.gradle 파일을 참조하여 버전을 맞추기 바란다. (2020년 7월 기준) apply plugin: 'com.android.application' apply plugin: 'kotlin-android' apply plugin: 'kotlin-android-extensions' android { compileSdkVersion 29 buildToolsVersion "29.0.3" defau..