티스토리 뷰

모바일/Android

ActionBarSherlock 시작하기

공허공자 2012. 12. 8. 22:00

소개

그래픽 UI 면에서
iOS에 비해서 허접하게 보였고 가이드도 제대로 없었던 Android가 정신을 차리게 된것은
3.0 부터였다고 생각 합니다.

3.0은 태블릿을 위한 버젼이었기에
일반인 대부분은 4.0 ICS 부터 볼 수 있었고
디자인 가이드 페이지도 나타났습니다.

커니님 블로그에서 소개되었지만
한글로 번역된 안드로이드 버젼 4.0 디자인 가이드도 있습니다.

Android 디자인 UI 변경 중 좋은 부분이 Action Bar라 생각됩니다.

Action Bar는 진저(ver 2.3.x)까지의 Titie Bar를 대체한다고 합니다. [자세한 설명 링크]

위와 같이 타이틀 텍스트만 담았던 높이도 낮았던 Title Bar가

위와같이 참 기능적으로나 무엇으로나 좋게 바뀌었다는 생각입니다.

하위 버젼에서 Action Bar 등을 호환되게 구현해 주는 라이브러리가 바로
ActionBarSherlock 입니다.


프로젝트 가져오기

ActionBarSherlock를 다운로드 받습니다.
적당한 디렉토리에 압축을 풀어놓고

Eclipse에서 File > New > Other (단축키 Ctrl + N)

창이 뜨면 Android Project from Existing Code 선택하고 [Next]

Import Projects 창이 뜨면 [Browse] 클릭하고 ActionBarSherlock 디렉토리 선택하고
Projects: 목록에 리스팅 된 프로젝트들 선택하고 [Finish]

그러고나면 Eclipse의 Console에 오류가 파바박!
오류를 제거하는 과정으로 들어갑니다.


예제 프로젝트 오류잡기

가져온 프로젝트들을 선택상태로 만들고 마우스 오른쪽 > Properties (단축키 Alt + Enter)
속성 창이 뜨면 왼쪽 Java Compiler 선택하고 오른쪽에서 Compiler compliance level : 1.6 선택.

ActionBarSherlock 4.2 버젼에서 samples 디렉토리로부터 가져온 프로젝트들 중 demos의 Problems들 남습니다.

ForcedOverflowItem.java 에서 오류가 나타나는데 아래와 같이 추가하여 오류를 해결합시다.

com.actionbarsherlock.sample.demos.SampleList 프로젝트/res/values/strings.xml 에 아래를 추가하고 저장합니다.

Forced Overflow Content

com.actionbarsherlock.sample.demos.SampleList 프로젝트/res/values/ > 마우스 오른쪽 > New > Android XML File > style.xml 생성.

style.xml 내용은 아래와 같이 해 줍니다.



    
    
        

오류들이 계속 보이면 프로젝트를 clean 해주면 될것입니다.

이제 샘플 프로젝트들을 실행해보면 되겠습니다.


참고

자신의 프로젝트에서 ActionBarSherlock을 사용하려면
프로젝트 > 마우스 오른쪽 > Properties > Library 를 [Add...]


댓글