Sencha Touch 2 改变应用程序皮肤需要用到RUBY
1.下载安装Ruby
2.进入Ruby命令行界面,输入gem install compass在线安装Compass
3.安装好后在sass文件夹里新建一个SCSS文件 内容如下
@import 'sencha-touch/default/all';
// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
4. 之后可以再上面写自己需要修改的样式,比如
$base-color: #000;
$active-color: #ea4199;
$base-gradient: 'glossy';
$tabs-dark: darken($base-color, 20%);
$tabs-dark-active-color: saturate($active-color, 20%);
$tabs-bottom-active-gradient: 'recessed';
5.保存SCSS文件
6.使用Ruby控制台,输入compas compile resources/sass 编译resources文件夹下的sass文件夹下的SASS文件
7.使用编译生成后的CSS文件即可(生成的文件位置在SASS文件夹下config.rb文件里配置)