sencha touch 自定义主题的若干问题

这个应该是每个人都会遇到的问题，想修改sencha touch的整体效果

但是不可能一个一个css去改

sencha touch提供的是rb + sass的方法

1. 安装ruby 去ruby官方下载安装 ，有win版本安装器

2. 在ruby/bin执行下面命令安装sass 和compass

gem install sass

gem install compass

3. 去sencha 项目resource/sass目录下copy 一份app.scss，然后进行修改

修改的方法看的是http://senchalearn.github.com/Touch-Theming/ 的案例代码

4. 编译

在ruby bin目录下，执行命令：compass compile project/resources/sass

5. 编译后会在project/resources/css目录下自动生成css文件

6. 在index.html中

<script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>

之后加上你的css文件应用

<link rel="stylesheet" href="resources/css/custom-theme.css" type="text/css" media="screen" title="no title" charset="utf-8">

7 看看成功了吧