본문 바로가기

iCon

[sencha touch] custom icon 사용하기 sencha 2.2.1 에서는 pictos폴더에 이미지를 넣고 사용하면 됐었다. 아래 링크 설명(http://squll1.tistory.com/entry/sencha-touch-300%EC%97%AC%EA%B0%9C%EC%9D%98-icon-image-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0) 2.3.1도 같은줄 알았는데 컴파일중 에러 발생.. 이제 @include icon를 사용해야 한다. 그리고 이미지 파일이 아니라 font파일을 사용.. 실습을 위해서 http://icomoon.io/app/방문후 폰트 파일을 다운해 보자 아이콘 선택후 하단 폰트 버튼 클릭 아이콘 옆에 화살표 모양 클릭 Reset codes버튼 클릭 그러면 ㅁ 으로 있던 공간에 문자가 생겼다. 이 문자가 해.. 더보기
[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.. 더보기