ExtJS 4.2.2自定义主题和现有应用程序

Question

主题指南说运行Sencha Cmd： - 设置工作区 - 生成测试应用程序以测试自定义主题

在主题指南中创建的测试应用程序位于工作区文件夹内。我的问题是，使用主题的应用程序是否需要位于工作区文件夹中？或者它可以驻留在其他地方，它只是使用构建的自定义主题？

我们现在有一个应用程序，我们现在想要使用自定义主题，因此应用程序不在工作区内。我可以只为自定义主题创建工作区，并对实现主题所需的样式进行更改吗？我是否需要在生成的工作空间中进行配置更改，以便它知道应用程序的代码位置不在工作区中？

提前致谢！

Answer 1

据我所知，您想要应用主题的项目必须由Sencha CMD生成。生成项目后，将现有项目中的所有内容复制到新的sencha cmd生成的项目中。

在终端上，在应用程序目录中执行sencha generate theme my-custom-theme。您的my-custom-theme将在项目文件夹的packages目录中创建。要使用此主题，请修改sencha.cfg上的[project folder]/.sencha/app/。将app-theme更改为app.theme=my-custom-theme。

要使更改生效，请执行sencha app refresh。

Answer 2

主题即.scss个文件最终转换为CSS文件。您需要在index.html中包含此生成的CSS文件。这与您获取或生成CSS文件的方式无关。

我认为您现有的项目不需要在新的4.2主题项目中。但是，如果要创建新主题并且它们位于同一项目中，则更容易测试。

将现有的.js文件放入4.2项目并不困难。我不得不从旧项目中替换app目录，并更新一些文件。您可以在ExtJS升级指南中找到详细信息。

Answer 3

在新的Sencha Architect 3中，还有一个应用程序样式的附加功能。见这里：http://docs.sencha.com/architect/3/#!/guide/styling

我不确定，但我认为您可以将当前的ExtJS项目导入到Architect中并开始设计应用程序样式。