2015년 2월 3일 화요일

NavigationDrawer Tutorial

NavigationDrawer Tutorial



1. 개요

Android App에 Drawer Menu 기능을 간편하게 적용하게 위해 제공하는 라이브러리


2. Tutorial


1. 개발3팀 SVN에서 라이브러리 체크아웃한다.
2. 적용하고자 하는 앱의 프로젝트 속성에서 내려받은 라이브러리를 지정한다.




3. 메뉴 버튼이 있는 커스텀 타이틀바 구현을 위해 타이틀바 레이아웃을 생성한다.
   (버튼 부는 com.actionbarsherlock.view.CustomTitleBar에 디폴트로 구성)



4. Drawer Menu를 적용하고자 하는 액티비티의 상속을 SlidingActivity로 변경 해 주고,
   구현에 필요 한 변수를 선언한다.




5. onCreate()에 Drawer Menu 뷰를 붙여준다.




6. 액티비티가 로드되는 부분에 Navigation Drawer 초기 설정 로직을 구현 해 준다.
   (onCreate()에 구현해도 무관)
  • init( Context, 커스텀 타이틀 뷰 );
  • MenuListAdapter( Context, Group Item Array, Child Item Array )
  • Group Item Click Listener
  • Child Item Click Listener

7. Drawer Menu ListView를 제어하기 위한 Adapter를 구현한다.
   (Sample App에서 MenuListAdapter 클래스 복사 후 사용)
  • getGroupView 부분에서 Menu List의 Group Item을 제어하기 위한 로직을 구현한다.
  • 기본적으로 [아이콘 텍스트] 형태로 구성하였고, 커스터마이징하여 입맛대로 사용하도록 한다.


  • getChildView에서 Menu List의 Child Item을 제어하기 위한 로직을 구현한다.
  • 2depth 메뉴를 사용하지 않는다면 구현 할 필요는 없음



8. 빌드한다.


* 추가로 라이브러리 적용 시 xml 관련 에러가 발생한다면, 라이브러리 버전과 프로젝트 버전을 맞춰보도록 한다.


댓글 없음:

댓글 쓰기