[sencha touch] 300여개의 icon image 사용하기

sencha touch 에서 300개 이상의 icon을 제공한다.

하지만 기본적으로 쓸 수 있는건 20여개 정도다 이 300여개 icon 사용법을 알아보자

생성한 프로젝트 폴더안이나 다운받은 센차폴더안에 touch-> resources-> themes-> images-> default-> pictos 폴더안을 보면

수많은 icon이미지들이 있다.

이 아이콘을 센차에서 사용하는 방법을 살펴보자

우선 사용할 아이콘을 고른후 

resources-> sass-> 사용자 scss파일(프로젝트 생성시 app.scss이 적용된다)에 쓰고 싶은 아이콘을 추가한다.

이 scss파일을 컴파일 해야 이 아이콘 이미지들을 사용할 수 있다.

컴파일을 하면 이 scss파일을 참조해 css파일을 생성합니다. 

우리는 이 생성된 css 파일을 사용하게 되는 것입니다.

터미널 창에서 sass폴더로 경로를 이동합니다.

이동방법을 모르면 cd를 입력후 해당 폴더를 터미널 창에 끌어다 놓습니다.

그리고 compass compile <scss파일이름>을 입력해 컴파일 합니다.

컴파일이 끝나면 이미지를 사용할 수 있습니다.

사용은 iconCls에 추가한 이미지 이름을 그대로 사용하면 됩니다.

다음과 같이 추가된 icon 이미지가 나타납니다.