티스토리 뷰

크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
본문

 액션바 셜록을 이용하는 예제를 작성하려고 합니다. 우선 액션바 셜록을 통해서 할 수 있는 것들이 어떤것인지? 액션바가 뭔지 우선 알아보고 다음 글에서 액션바 예제, 액션바 셜록 예제 순으로 작성해보려고합니다.


액션바에 관한 글 작성 목록

 1. 액션바 셜록 예제 미리 보기

 2. 안드로이드 액션바

 3. 액션바 셜록 예제


액션바?

 안드로이드 3.0 부터 추가된 기능이며, 3.0 미만의 타이틀바가 아닌 새롭게 추가된 기능입니다. 액션바가 추가된 가장 큰 이유는 바로 액티비티의 순서의 관리 방법이 변하였기 때문입니다. 흡사 아이폰의 뒤로가기 메뉴가 있는 곳과 비슷하긴 합니다. 액션바의 추가로 홈으로 이동이 가능한 앱아이콘, View Control, Action Button, Action Overflow 4가지의 구성요소를 가지고 있습니다.


 1. 앱 아이콘

   앱 아이콘은 개발자가 원하면 다른 아이콘으로 변경이 가능하며, 현재 보이는 active가 최상위 아니라면 언제든 이전으로 이동이 가능하며, 홈으로도 이동이 가능합니다.


 2. View Control

   애플리케이션이 서로 다른 뷰에서 데이터를 표시하고 있을 경우에 사용하게 됩니다. 같은 유형의 뷰를 지원한다면 드롭다운 메뉴나  컨트롤 등을 사용할 수 있으며, 이렇게 같은 유형의 뷰가 없다면 타이틀만 표시되는 경우가 생길 수도 있습니다. 구글 지도와 같은 드롭다운 메뉴를 볼 수 있습니다.


3. Action Button

  액션 버튼 공간입니다. 중요한 액션들의 아이콘과 타이틀을 함께 표시할 수도 있습니다. 액션바의 공간이 부족한 경우에는 4번의 Action Overflow로 넘어가 적용됩니다.


4. Action Overflow

  사용빈도가 낮거나 화면이 action button에 다 표시되지 못할 경우에 해당 메뉴에 표시됩니다.


액션바 적용 버전과 액션바 셜록

 액션바는 기본적으로 3.0(API 11) 이상의 버전에서 적용이 가능합니다. 그렇기 때문에 액션바를 적용하려면 최소 11버전이상의 버전을 지정해주어야 합니다. 이를 해결하기 위해서 나온것이 바로 액션바 셜록입니다. 액션바 셜록을 적용하게 되면 11버전 이하의 버전에서도 모두 액션바를 사용할 수 있게됩니다. 11버전 이상의 안드로이드 OS만이 남아있다면 이 액션바 셜록은 더이상 불필요하게 되는 거겠지만 지금은 2.3.3 버전의 사용자가 많기에 아직은 적용하여 사용해야 합니다.

 액션바와 액션바 셜록을 살펴보기전에 액션바 셜록의 액션바 데모를 통해서 액션바 셜록을 미리 만나보려고 합니다.

 액션바 셜록은 아래 홈페이지에서 다운로드 가능하며, 아래 예제 apk 역시 다운로드 가능합니다. 그리고 액션바 셜록은 아파치 2.0 라이센스를 따르고 있습니다.

 액션바 셜록 홈페이지 : http://actionbarsherlock.com/

 액션바 셜록 다운로드 (예제 포함) : http://actionbarsherlock.com/download.html


액션바 셜록 미리보기

 중복되는 것과 비슷하지만 조금씩 다른 샘플은 제외하고 겹치지 않는 것들만 아래와 같이 미리 정리해보려고 합니다. 모두 예제 샘플에 포함되어 있어 apk 파일이 아니더라도 직접 빌드해서 올려볼 수도 있습니다.

 액션 아이템을 적용한 예제입니다.


 선택했을때 액션바가 뜨게하는 경우입니다. 선택메뉴를 길게 눌렀을 때 표시되거나, 크롬에서 복사할 위치를 길게 누르면 복사메뉴가 뜨는 경우를 보셨을 겁니다. 그런 경우에 적용이 가능한 액션바의 예입니다.


 아이콘만 보이는 경우


 검색 액션바입니다.


커스텀 네비게이션으로 라디오 버튼으로 적용된 예제입니다.


리스트 네비게이션이 적용된 예입니다. View Control에 적용된 것과는 다릅니다.


액션바가 반투명해진 상태입니다. 투명으로 적용된 액션바 뒤로 글이 보이고 있습니다.


하단에 적용된 액션 아이템 예제입니다.


이를 가로로 돌리면 상단의 액션바에 위치하게 됩니다.


액션바 탭입니다.

 액션바를 통한 탭 적용은 예전에 작성했던 글 중에 Swipe Views예제와는 다르게 3.0 미만에서 동작하지 않았지만 액션바 셜록을 통해 적용이 가능합니다.

 Swipe Views예제

   http://thdev.net/375


마무리

 액션바의 기본이론과 액션바 셜록을 간단하게 나열해보았습니다. 다음에 올리는 글에는 액션바 예제와 액션바 셜록의 예제를 작성해보도록 하겠습니다. 제가 화면 캡쳐한 부분은 4.2 버전이지만 3.0 미만에서도 동일한 효과를 볼 수 있습니다. 액션바 셜록의 단점은 jar파일을 통해서 동작할 수는 없습니다. 액션바 셜록의 별도 프로젝트 라이브러리를 임포트하는 방식을 사용하여야 합니다. 액션바에 필요한 이미지들을 jar에는 포함할 수 있는 방법이 없다고하네요. 다음글에서 가능한한 자세하게 다러보겠습니다.



개인 광고 영역


댓글
  • 프로필사진 BlogIcon inside 분명 제가 읽은 건 한글인데, 왜 이해가 안되는지 신기한데요.
    저의 무지가 이리 심할줄 몰랐습니다.
    2013.05.01 17:01
  • 프로필사진 BlogIcon taehwan 네 어떤부분이 이해가 안되시는지요? 설명을 해주시면;; 수정하도록 하겠습니다. 2013.05.01 17:38 신고
  • 프로필사진 ck3088 각 액션바 탭 에 탭1 네이버 탭2 다음 탭3 구글 이 나오게 하려고하는데 ㅠㅠ
    혹시 소스좀... 만들어주실수 있는지...
    아니면 힌트라도 ㅠㅠ 부탁드립니다... 답답하네요 ㅠㅠ
    2013.06.24 11:58
  • 프로필사진 BlogIcon taehwan 안녕하세요.
    이런걸 부탁하시다니..좀 ... 그렇네요. 그리고 자료는 널려있습니다. 책을 찾아보든 검색을 하든 다 구할 수 있는 자료들입니다.

    탭액티비티 생성은 아래 글을 참고하세요.
    http://www.thdev.net/373 //Swipe View 설명
    http://www.thdev.net/375 //Swipe View 예제
    2013.06.24 18:53 신고
댓글쓰기 폼