안드로이드의 ToolBar는 버전 5.0(API 21)부터 추가된 위젯입니다. 앱 상단에 보이는 App Title과 비롯하여 다양한 메뉴를 제공하는 앱바(App Bar)를 만들 때 사용되는 위젯입니다. 1. ToolBar를 이용하여 App Bar 구현예제 1.1 기본으로 제공하는 ActionBar 사용하지 않게 설정 먼저 ToolBar를 통해 App Bar를 구현하기전에 액티비티(Activity) 자체에서 기본으로 제공되는 ActionBar를 사용하지 않도록 설정을 해야 합니다. /res/values/style.xml 경로에서 style 요소의 name 속성 값이 "AppTheme"인 요소의 parent 속성 값을 아래와 같이 수정합니다. 1.2 액티비티 XML 레이아웃 리소스에 ToolBar 추가하기 ..

애플리케이션에 머티리얼 디자인을 적용하다 보면, 이전에 사용하던 아이콘과 궁합이 맞지 않는 경우가 많습니다. 디자이너가 있는 앱이라면 새로 아이콘을 제작하면 되지만, 디자이너 없이 개인 개발자 한 명 만으로 만드는 앱의 경우 새로운 아이콘을 제작한다는 것이 보통 쉬운 일이 아닙니다. 이러한 고충을 덜어 주기 위한 것인지, 구글에서는 2014년 머티리얼 디자인을 발표한 이후 이에 어울리는 여러 아이콘들을 Github 저장소를 통해 제공했습니다. 당시엔 단순히 제공되는 아이콘들의 모양과 이름만 조회할 수 있었는데요, 최근 구글 I/O 2015 이후 해당 페이지가 개편되어 아이콘을 조회하는 것 뿐 아니라 색상, 크기별로 바로 다운로드 할 수 있는 기능이 추가되었습니다. 업데이트된 페이지는 아래 링크에서 확인할..

네비게이션 드로어는 꽤 오래 전부터 널리 사용되던 패턴 중 하나입니다. 그러다 보니, 공식 버전의 네비게이션 드로어가 없을 때부터 시작하여 현재 널리 사용되는 AppCompat 버전의 네비게이션 드로어까지 생각보다 다양한 종류의 구현이 있습니다. 하지만, 지금까지 네비게이션 드로어에 대한 정확한 가이드라인은 없었습니다. 때문에, 같은 패턴임에도 불구하고 다른 동작과 외형을 보여주게 되어 사용자들에게 혼란을 주기도 했습니다. 이 문제를 구글에서도 인식했는지, 안드로이드 5.0과 함께 발표된 '머티리얼 디자인'의 가이드라인에서는 네비게이션 드로어가 어떻게 표시되어야 하는지 명확하게 제시하고 있습니다. 다음 그림을 통해 휴대폰과 태블릿에서 네비게이션 드로어가 어떻게 표현되어야 하는지 확인할 수 있습니다. (그..

안드로이드 5.0이 공개된 이후, 구글 앱들에 머티리얼 디자인이 속속히 적용되기 시작했습니다. 그 중 대표적인 예가 플레이 스토어 앱인데요, 머티리얼 디자인이 적용된 것 외에 네비게이션 드로어 상태 버튼이 빙글빙글 돌아가는 애니메이션이 추가되었습니다. 머티리얼 디자인이 적용된 네비게이션 드로어. (출처: http://chrisrenke.com/drawerarrowdrawable/) 적용하는 방법은 크게 다음과 같이 정리할 수 있습니다. targetSdkVersion=21compile 'com.android.support:appcompat-v7:21.0.0'import android.support.v7.app.ActionBarDrawerToggle 간단한 예제를 통해 적용 절차를 알아보겠습니다. 프로젝트 ..