안드로이드 개발툴 UI 관련

안드로이드 개발자들은 가장 힘든 것이 iOS처럼 통일된 UI가 없다는 것이라고 생각한다.

대부분의 어플이 비슷한 모양, 비슷한 버튼들을 갖고 있는 iPhone, iPad, iPod Touch의 어플들과는 달리

안드로이드에서는 제각각의 어플 모양을 볼 수 있다. 심지어는 안드로이드에도 iDevice의 UI가 사용된 것을 간간히 볼 수 있다.

더 읽으어 보시기 전에 마음에 드시면 꼭~ 추천 해주셔서

더 많은 분들이 이 포스팅을 읽을 수 있게 도와주세요^^

MixUp도 3번 눌러주세요^^

이러한 안드로이드 개발환경에 도움이 될 프로젝트가 진행중이다.

아직은 Beta 단계이지만 design X code에서 안드로이드 스타일 UI를 쉽게 만들 수 있는 웹 Toolkit을 제공하고 있다. Pencil이란 툴킷과 Android Asset Studio를 통해서 이용 가능하다.

필자가 직접 실험해보고 올리고 싶으나 아직 그정도로 개발할 수 있는 실력이 아니어서 이렇게 링크만 건다. ㅠㅠ

해당 툴킷의 간략한 동영상도 링크한다. 위의 design X code 페이지에서 받아온 것이다.

http://heartinpiece.tistory.com/97?_new_tistory=new_title

/////////////////////////////////////////////////////////////////////////////////////////////////////

안드로이드UI개발툴 DroidDraw

링크 : http://droiddraw.org

 

UI(User Interface)부분에 초보적이신 분들이라면 저 사이트가 매우 도움이 많이 될것입니다.

옆에 아이콘을 드래그앤드롭을 통해 왼쪽의 화면에 꾸미고 Generate버튼을 통해 소스코드를 제공받을수도 있습니다.

하지만 AbsoluteLayout로 만드는 것은 개발자에게 매우 편리할지 모르겠지만 다양한 사용자들에게는 다른 화면이 보일수 있다는점을 명심하시고.

특히 px 단위는 dpi보다 더 불확실한 UI를 나타낼수 있으므로 매우 조심해야합니다.

 

여기서 익힐것들은 각 아이콘 즉, 안드로이드에서 UI로 쉽게 접할수 있는 종류를 머리속에 넣어두는것이 첫번째이고.

2번째로는 Properties를 통해서 어떤 속성값이 존재하는지 정도로 알고 지나가시면 됩니다.

 

웹상에서 컨트롤하는건 부드럽지 못하고 상당한 딜레이가 존재합니다.

이 딜레이를 없애기 위해 윗부분에 OS 종류가 써있는데 그 링크를 클릭하시면 해당 OS맞는

화면과 동일한 프로그램을 다운받으실수 있습니다.

들어가기 귀찮으신 분들이 있을테니 첨부파일로 Windows버전을 올려드립니다 ^^..

////////////////////////////////////////////////////////////////////////////////////////////////

1. PENCIL PROJECT 사이트에서 Pencil Application 다운로드 설치

(http://pencil.evolus.vn/en-US/Downloads/Application.aspx)

2. android ui utils에서 android ui 용 파일 다운로드

http://code.google.com/p/android-ui-utils/downloads/list

3. pencil application 실행 후 "Tools > Install New Collection"에서 2번에서 다운로드 받은 파일들 설치~

4. 열심히 디자인.

////////////////////////////////////////////////////////////////////////////////////////////////

안드로이드 개발자들은 가장 힘든 것이 iOS처럼 통일된 UI가 없다는 것이라고 생각한다.

대부분의 어플이 비슷한 모양, 비슷한 버튼들을 갖고 있는 iPhone, iPad, iPod Touch의 어플들과는 달리

안드로이드에서는 제각각의 어플 모양을 볼 수 있다. 심지어는 안드로이드에도 iDevice의 UI가 사용된 것을 간간히 볼 수 있다.

더 읽으어 보시기 전에 마음에 드시면 꼭~ 추천 해주셔서 

더 많은 분들이 이 포스팅을 읽을 수 있게 도와주세요^^

MixUp도 3번 눌러주세요^^

이러한 안드로이드 개발환경에 도움이 될 프로젝트가 진행중이다.

아직은 Beta 단계이지만 design X code에서 안드로이드 스타일 UI를 쉽게 만들 수 있는 웹 Toolkit을 제공하고 있다. Pencil이란 툴킷과 Android Asset Studio를 통해서 이용 가능하다.

필자가 직접 실험해보고 올리고 싶으나 아직 그정도로 개발할 수 있는 실력이 아니어서 이렇게 링크만 건다. ㅠㅠ

해당 툴킷의 간략한 동영상도 링크한다. 위의 design X code 페이지에서 받아온 것이다.

동영상 링크

http://www.youtube.com/watch?v=EaT7sYr_f0k&feature=player_embedded#at=35

///////////////////////////////////////////////////////////////////////////////////////////////////

드로이드 어플리케이션 개발 시, 문제가 되는 것은 뭐니뭐니 해도 UI Design이 아닌가 싶다.

Eclipse plugin ADT의 경우 그 성능이 미약하기 때문에 다른 Tool을 사용하는 경우가 많다.

(개인적으로 매우 부족하고, 개선이 꼭 필요한 부분이라고 본다. Flash, Flex, MS Blend와 비교해 보았을 때..)

아무튼 DroidDraw를 제외하고는 딱히 xml로 exporting 가능한 툴도 거의 없고 개선이 필요하다고 생각한다.

(언제 다 xml로 만들어 ㅠㅠ, 이러한 문제가 "안드로이드는 UI가 아이폰보다 안이뻐.."의 원인이라고 생각한다.)

각설하고 xml 파일로 layout을 생성하더라도 launcher, tab, menu, notification 아이콘을 만드는 것도 큰 일인데,

이러한 일들을 쉽게 해결할 수 있게 해주는 web 기반 icon generator가 있어 소개하려한다.

Android Asset Studio

http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

이 사이트 사용 방법은 매우 쉽다.

지원하는 부분은 4가지 launcher, tab, menu, notification.

사용 동영상은 아래와 같다.

http://www.youtube.com/watch?v=EaT7sYr_f0k&feature=player_embedded

3분 8초부터 보면 된다. 앞쪽의 pencil은 구상시 UI 생성을 위한 프로그램으로 xml export는 불가능하다.

가장 중요한 부분은, 

3분 50초경 부터 4분 10초 경, web에서 generate된 아이콘을 드래그 앤 드랍으로 데스크탑에 복사 가능하다.

해당 동영상은 Mac에서 만들어 졌는데, Windows 7 + Chrome 브라우저에서도 정상적으로 동작함을 확인하였다.