Sencha Touch 自定义图标

原文：http://sailei1.iteye.com/blog/1630724

首先把你 图标图片放入 E:\space\Theming\sdk\resources\themes\images\default\pictos 目录下 

我放了个 sai.png 
app.scss 

Java代码  

1. $base-color: #ffffff; //背景色  
2. $active-color: #ea4199; //选中色  
3.   
4. @import 'sencha-touch/default/all';  
5.   
6. // You may remove any of the following modules that you  
7. // do not use in order to create a smaller css file.  
8. @include sencha-panel;  
9. @include sencha-buttons;  
10. @include sencha-sheet;  
11. @include sencha-picker;  
12. @include sencha-tabs;  
13. @include sencha-toolbar;  
14. @include sencha-toolbar-forms;  
15. @include sencha-indexbar;  
16. @include sencha-list;  
17. @include sencha-layout;  
18. @include sencha-carousel;  
19. @include sencha-form;  
20. @include sencha-msgbox;  
21.   
22. // Your custom code goes here...  
23.   
24. @include pictos-iconmask('sai'); //自定义图标  

config.rb 

Java代码  

1. # Get the directory that this configuration file exists in  
2. dir = File.dirname(__FILE__)  
3.   
4. # Load the sencha-touch framework automatically.  
5. load File.join(dir, '..', '..', 'sdk', 'resources', 'themes')  
6.   
7. # Compass configurations  
8. sass_path = dir  
9. css_path = File.join(dir, "..", "css")  
10.   
11. # Require any additional compass plugins here.  
12. images_dir = File.join(dir, "..", "images")  
13. output_style = :compressed  
14. environment = :production  

Js代码  

1. {  
2.                title: 'Get Started',  
3.                iconCls: 'sai', //关键  
4.   
5.                items: [  
6.                    {  
7.                        docked: 'top',  
8.                        xtype: 'titlebar',  
9.                        title: 'Getting Started'  
10.                    },  
11.                    {  
12.                        xtype: 'video',  
13.                        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',  
14.                        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'  
15.                    }  
16.                ]  
17.            }  

dos 命令 
    cd  E:\space\Theming\resources\sass 
    compass compile 
持久性的  compass watch