Sencha Touch - 主题

Sencha Touch主题 - 从简单和简单的步骤学习Sencha Touch，从基本到高级概念，包括概述，环境，命名约定，架构，MVC解释，第一个应用程序，构建应用程序，迁移步骤，核心概念，数据，主题，设备配置文件，依赖关系，环境检测，事件，布局，历史和支持，上载和下载，查看组件，打包，本机IOS，API。

Sencha Touch提供了许多应用程序中使用的主题.您可以添加不同的主题来代替经典主题，并根据我们用于应用程序的设备查看输出的差异.这可以通过替换主题CSS文件来完成，如以下示例中所述.

桌面主题

考虑您的第一个Hello World应用程序.应用程序中的以下CSS用于桌面主题.

https://cdn.sencha.com/touch/sencha-touch-2.4 .2/resources/css/sencha-touch.css

要查看效果，请尝试以下程序 :

                               Ext.application({            name: 'Sencha',            launch: function() {               Ext.create("Ext.tab.Panel", {                  fullscreen: true,                  items: [{                     title: 'Home',                     iconCls: 'home',                     html: 'Welcome to sencha touch'                  }]               });            }         });

这将产生以下结果 :

BlackBerry主题

考虑您的第一个Hello World应用程序.从应用程序中删除以下CSS.

https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css

添加以下CSS以使用Windows主题.

https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/bb10.css

要查看效果，请尝试以下程序 :

                              Ext.application({            name: 'Sencha',            launch: function() {               Ext.create("Ext.tab.Panel", {                  fullscreen: true,                  items: [{                     title: 'Home',                     iconCls: 'home',                     html: 'Welcome to sencha touch'                  }]               });            }         });

这将产生以下结果 :