Android UI를 만들어 보자 [0]

• Android UI를 만들어 보자 [0]
• Android UI를 만들어 보자 [1] - 기본 View 만들기 -
• Android UI를 만들어 보자 [2] - 리스트 View 만들기 -
• Android UI를 만들어 보자 [3] - Tabbar 만들기 - 

안녕하세요. 블로거 엡뽀라고 합니다.

지난번엔 안드로이드 래퍼런스 싸이트에 올라와있는 디자인 가이드라인을 번역하여
포스팅을 하였었는데요. 하지만 이런 가이드라인 만으로는 너무 뜬구름 잡기가 되버릴 수 있겠죠.
그리하여 이번 포스팅은 실제 Android UI를 구성해보고 디자인을 직접해볼려 합니다.

자 그럼, UI를 새로 구성해야하는데, 이때 도움을 받을 수 있는 유용한 App을 소개 하고자 합니다. 그 이름 하여
Android UI Pattern App. 말 그대로 안드로이드 UI 패턴들을 소개 하고있는 앱입니다. 

Andrid UI Pattern App

(구글 플레이 : https://play.google.com/store/apps/details?id=com.groidify.uipatterns 혹은 마켓 검색 창에 Anroid UI Pattern 이라고 검색하시면 나옵니다.)

이 이후 Android UI pattern App을 "패턴앱" 이라 호칭하겠습니다.

패턴앱에서 소개 되고있는 UI 종류도 다양한데, Anction Bar & DashBoard, View pager & Tabbar, ListView, Map, 등등
오늘 제가 해볼 View는 ViewPagaer로 2개의 탭을 만든후에, 하나의 탭에서는 ListView가 나타나고, 또다른 뷰에서는 기본 View들을 보여주는 탭을 구성 해 볼까 합니다.

P.S 패턴앱에서 소개 되고있는 UI들은 오픈 소스로 사용하는데 지장이 없다고 하더군요. (안드로이드 만쉐이)

패턴앱 메인 화면

android-viewflow

android-pulltorefresh

UI 구성은 2개의 뷰(리스트뷰와 기본View)와 탭컨트롤러가 되는데요. 기본 View를 다 만든 후에 리스트뷰를 만들고 다 만들어진 후에 탭을 구성하는 방식으로 하겠습니다. 또한 기본 View는 저번 포스팅을 복습하는 차원에서 Metrics and Grids 가이드라인에서 나온 예제를 만들도록 하겠습니다. 

Example 

하지만 이번에도 역시나 기본 view , 리스트 뷰 만들기와 ViewPagaer 만들기는 다음 포스팅에서 하도록 하겠습니다.