반응형 ActionBar3 CollapsingToolbarLayout 으로 구현한 닫혀지는 ActionBar 안드로이드 Material Design이 나오면서, 앱 디자인에 종종 등장하는 UI가 있는데요. 바로, CollapsingToolbarLayout입니다. 이 Layout은, 아래와 같이 닫혔다, 열렸다 하는 안드로이드의 ActionBar를 가르키는데요. 오늘은 이UI를 구현하는 것에 대해서, 정리해보겠습니다. 1. Design Library 준비 MaterialDesign의 대표적 레이아웃인 CollapsingToolbarLayout을 사용하기 위해서는, Google이 제공하는 DesignLibrary가 필요합니다. dependencies에 아래와 같이 추가하면 됩니다. 직접 build.gradle에 추가하고자 한다면, compile 'com.android.support:design:25.2.0' 를 추.. 2017. 3. 5. 안드로이드 ActionBar에 Menu 를 구현해보자 안드로이드 ActionBar 우측에,아이콘과 점3개로 구성된 UI를 통해 추가적인 메뉴들을 보여줄 수 있는데요.오늘은 이것의 구현 방법에 대해 정리해 보겠습니다. 실제로 만들 화면은 아래와 같은데요.우측 상단의 디스켓 아이콘과 점점점으로 된 아이콘이 저희가 만들어 볼 Action Button들이구요, 그 중 점점점으로 된것이 overflow menu Button입니다. 그럼 하나하나 구현해보도록 하겠습니다. 1. 메뉴 XML파일 생성먼저, 해야할 일은 xml을 만들고, menu화면을 정의하는 일인데요.res폴더에서 new> android resource file을 선택해줍니다. menu_sample 로 file name을 정하고, ResourceType을 menu로 선택해줍니다. 2. XML파일.. 2017. 3. 2. 안드로이드 Custom Toolbar 와 Theme 적용하기 오늘은 안드로이드 앱의 상단 헤더부분에 대해,custom하게 디자인하는 방법을 알아보겠습니다. 이 헤더 부분에 대해서 Android에서는 ActionBar라는 이름으로 제공되고 있는데요.이 ActionBar라는 것이 버전별로 다른 이름으로 다르게 제공되고 있어서 버전 호환 문제가 있습니다.supportLibrary에서는 ToolBar 라는 이름으로, 헤더 부분을 제공해주고 있는데요.보통은 이 ToolBar를 이용해야, 호환성 문제가 없기 때문에 ToolBar를 디폴트로 사용하게 됩니다. 기본적으로 제공하는 Toolbar(혹은 ActionBar)의 디자인만 이용해도 무리가 없지만,좀더 커스터한 디자인을 사용하는 앱을 만들려고 할때,어떻게 해야하는지 정리해 보겠습니다~. 1. Theme 정의 먼저, 커스텀에.. 2017. 1. 23. 이전 1 다음
