Programming/Hybrid App

[Sencha Touch 2.X] 안드로이드 세팅

Fimtrus 2012. 5. 11. 15:51

기존의 Sencha touch 1.X 에서는 Sencha framework를 다운 받고 asset 폴더에 넣어주기만 하면 완료 되었지만.

2.0 부터는 sencha SDK를 통해 generate 후에 생성된 파일들을 Asset 폴더에 넣어야 한다.(물론 Generate 하지 않아도 사용은 가능하겠지만 ....)


Sencha Touch 2.X 를 시작하기 위해서는 두가지가 필요하다.


1. Sencha SDK

2. Sencha framework

* 물론 Eclipse 와 ADT가 설치되어 있어야 폰에서 테이트 해볼 수 있으므로 당연히 갖추어야 한다.



1. Sencha SDK

Sencha SDK는 아래에서 다운로드 할 수 있다.


다운 받은 파일을 설치하고 시작->실행->cmd 창에서 명령어를 입력한다.

>sencha

커맨드 창에 sencha를 입력하였을 때 반응이 있으면 SDK 설치가 완료된 것이다.


2. Sencha Framework


다운로드 후 맘에 드는 폴더(?)에 압축을 풀어 준다.

필요한 프로그램들은 모두 설치 되었다.


3. 안드로이드에 적용하기

먼저 이클립스에서 안드로이드 프로젝트를 하나 만든다.

  • 안드로이드 프로젝트를 만든다.
  • API level은 각자 안드로이드폰에 맞게 설정한다.
  • 앞으로 생성할 파일들은 assets 폴더에 넣어준다.





프로젝트에 필요한 파일을 만들기 위해 다운받은 sencha framework 를 generate 해야하는데

이제 다운받아 설치 했던 SDK를 사용할 것이다.

command 창을 열고 Sencha framework를 설치한 폴더로 이동한다.(경로를 기억해야 한다!!!!)

그리고 아래와 같이 입력한다.

> sencha generate [action] [app name] [export path]

e.g.) sencha generate app carousel c:\sample

app name 이 sencha 클래스들의 가장 상위클래스 명이 된다.

e.g.) carousel.view.XXXX 


성공적으로 생성이 되었다면 export한 폴더에 파일들이 있을 것이다.

그파일들 중에 sdk제외한 파일들을 모두 복사하여 

android 프로젝트 asset에 붙여 넣어준다.

그리고 sdk 폴더에서는 sencha-touch-all.js 파일과 resource 폴더를 복사해서 sencha 폴더 밑에 넣어준다.


 


  •  

마지막으로 index.html 설정