Académique Documents
Professionnel Documents
Culture Documents
Sencha-touch
En este tutorial se vera de forma sencilla como realizar cambios en el CSS de
Sencha touch tales como cambiar iconos o colores de la aplicacin. A
continuacin los requisitos para poder realizar dichos cambios.
1.- Instalar Ruby
Primeramente tenemos que instalar Ruby, la liga para descargarlos es
http://rubyinstaller.org/
2.- Instalar Compass
Una vez que tenemos instalado ruby vamos al command prompt para ingresar
el comando para instalar Compass el cual es:
gem install compass
@import 'sencha-touch/default/all';
//Iconos agregados
@include pictos-iconmask('refresh5');
@include pictos-iconmask('notificaciones');
@include pictos-iconmask('precios');
@include pictos-iconmask('pedidos');
@include pictos-iconmask('cartera');
@include pictos-iconmask('resumen');
@include pictos-iconmask('facturas');
//Componentes de Sencha
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
Una vez que tenemos ya agregados los componentes y los cambios que
realicemos, ahora pasamos a compilarlos.
4.- Compilar archivos
Primero se crea una carpeta llamada CSS para dentro de la carpeta styles,
donde ah se guardara el archivo a generar.
Ahora abrimos el Start Command Prompt
Ahora que estamos dentro del Command Prompt nos ubicamos en la carpeta
donde tenermos los archivos que creamos para la configuracin.
compass compile