extjs6 desktop 桌面多主题切换

extjs6 desktop想实现多主题切换，因为项目要编译，不像extjs4一样方便的切换主题，采用Ext.util.CSS.swapStyleShee的API进行切换主题，虽然可以无刷新即时切换，但有原主题残留，导致多主题叠加的现象，效果并不理想，因此，找到以下方法实现切换。
1.修改项目根目录下的 app.json文件，找到 "theme": "theme-crisp",一节，改为其它主题，比如 "theme": "theme-triton",
2.在cmd下用命令 sencha app build production编译项目
3.转到目录 \build\production\desktop\resources 把Desktop-all.css，Desktop-all_1.css，Desktop-all_2.css 把文件名分别改为：Desktop-all-triton.css，Desktop-all_1-triton.css，Desktop-all_2-triton.css
4. 在记事本修改Desktop-all-triton.css文件内容中包含的文件名相应的修改
5. 转到 \build\production\desktop目录改名app.json 改为 triton.json
6. 换为另外一种主题如"theme": "theme-aria", 重复1-5步骤直至所有主题生成完毕
7. 修改\build\production\desktop目录下的index.html 找到 Ext.manifest=Ext.manifest||"app.json"; 语句替换为 var t=location.href.match(/theme=([\w-]+)/);t=(t&&t[1])||'app';Ext.manifest=Ext.manifest||(t+'.json');
即根据URL参数决定使用哪一个上述生成的json文件，进而导入不同的css文件，从而实现导入不同主题。

8.可以在系统中增加主题切换选择菜单，根据选择项修改url地址栏参数，实现刷新切换主题

Demo http://demo.linbsoft.com/ext6desktop

生成的json文件

css 文件目录

主题选择界面，参照背景选择界面设计

主题之一

主题之二

主题之三

extjs6 desktop 桌面多主题切换相关推荐

如何在Windows 10上的虚拟桌面之间快速切换
虚拟桌面是在Windows 10中处理多个工作区的便捷方法.有几种方法可以在虚拟桌面之间快速切换,包括一些鲜为人知的键盘快捷键-我们将在下面介绍它们. 虚拟桌面在虚拟桌面之间切换的键盘快捷键要在W ...
CentOS下命令行和桌面模式的切换方法
2019独角兽企业重金招聘Python工程师标准>>> CentOS下命令行和桌面模式的切换方法 CentOS终于下载安装完成了,安装方法请看 CentOS 6.0 图文安装教程(D ...
英语阅读推荐：主题切换控件 ExpressionBuilder
这里是Cat in dotNET的Random Clippings系列,专门向大家推荐.NET相关的英文技术文章,每期推荐两篇文章,第一篇适合于英语技术文章阅读的入门者练习阅读能力,而第二篇则适合于进 ...
CI框架主题切换的功能
CI框架主题切换的功能本人接触到这个框架不就,属于菜鸟 , 公司现在用CI框架做项目 ,老大要做一个主题切换的功能,说明功能的要求我的脑子里瞬间有几个想法. 脑子里最简单的就是设置全局变量如 : ...
主题切换时如何主动去刷新一些资源？
近来不少同学在修改主题时遇到,切换主题,部分页面不更新的问题,下面来介绍一种切换主题时,主动刷新的方法:1.监听主题切换的广播private static final String DATA_TYPE ...
仿知乎客户端的白天黑夜主题切换
仿知乎客户端的白天黑夜主题切换转载请注明出处作者:AboutJoke ( http://blog.csdn.net/u013200308 ) 原文链接:http://blog.csdn.net/u ...
SpringMVC实现i18n和主题切换
一.什么是i18n i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是"国际化"的简称.对于程序开发来说,i18n就是能够 ...
系统主题修改桌面嵌入html,更换主题桌面主题 Win7桌面动态主题怎么更换
Win10怎么更换主题,win10怎么更换桌面背景 Win10系统更换主题方法在桌面空白区域点击右键,选择"个性化". 选择你喜欢的主题,点击"下载".下载后 ...
关于给hexo博客增加节日气氛主题切换（包括中国春节和圣诞节）
前言: 有段时间没折腾过博客页面样式了,偶然间看到了一个春节红灯笼的小demo,感觉很棒,所以拿过来了,并且自己新增了一些小挂件,加上了关键帧动画,圣诞树等元素.主题切换按钮原理和以前教程里面提到的暗 ...
【Web技术】1431- 总结前端主题切换的思考和现代前端样式的解决方案落地
关于本文来自:codercao https://juejin.cn/post/7106702604024938503 demo在线体验地址:https://hongqingcao.github.io ...

extjs6 desktop 桌面多主题切换

extjs6 desktop 桌面多主题切换相关推荐

最新文章

热门文章