</>

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

지난 포스트에 생각보다 반응이 좋아 이번 포스트에서는 이전 포스트에서 진행하였던 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..

이번 포스팅에서는 Android 프로젝트에 Google Material Design 컴포넌트를 적용하는 방법을 살펴본다. Google Material Design 이란? Google에서 공식적으로 제공하는, Web, Android, iOS, Flutter 등을 대상으로 하는 디자인 라이브러리이다. 본 포스트에서는 Android에 적용하는 과정만을 담는다. https://material.io/ 안드로이드 프로젝트에 Material Design 적용 본 포스트에서 제공하는 문서에 대한 기준 환경은 다음과 같다. Java 1.8, Android Studio 3.x.x, Gradle 3.5.x 1. 새로운 Android Project를 생성 Start a new Android Studio Project를 클릭한..