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 文件目录

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

 

主题之一

 

主题之二

 

主题之三

时间: 2024-09-24 07:33:46

extjs6 desktop 桌面多主题切换的相关文章

避免Win7主题切换导致个性化桌面图标失效

  看腻了传统的Win7桌面图标,很多朋友喜欢自己设计或者从网上下载一些个性化系统桌面图标(如回收站.计算机等等)设置给自己的Win7使用,但一些朋友发现自己设置的个性桌面图标常常莫名其妙的又恢复了原样.这是怎么回事呢? 主题切换导致个性化桌面图标失效-插件导致界面行为失效"> 原来Win7系统提供了很多酷炫的个性化设置,比如幻灯主题,让用户可以根据自己的喜好和心情地更换不同的壁纸.声音.甚至图标.如果Win7系统当前的设置状态为"允许主题更改桌面图标",在我们更换Wi

如何让自己的电脑多个桌面壁纸智能切换

现在不管多么美女的壁纸看久了多会让人感觉不好看,而有的人很喜欢一些美女的壁纸,但是老是要等到自己看腻了然后再自己手动换过其他的壁纸,感觉更郁闷.下面小编教你不用任何软件就能让你的windows系统自动切换壁纸. 1 右键桌面空白处,选择个性化设置,然后设置桌面壁纸,当你设置超过2个就能设置切换时间了,小编这里是啦很多很多进去,让它1个小时换一个桌面. 这个感觉真的很好,有的时候是设置成一天换一次.这样每天都有新的壁纸. 2 设置自动播放的好处: 设置壁纸自动播放时间,除了设置上面的多少时间更换一

关闭Win8.1系统桌面壁纸自动切换的方法

  一.首先在Win8.1传统桌面上的空位置点击鼠标右键,然后选择"个性化",如下图所示: Win8.1桌面个性化设置 二.进入个性化设置界面后,我们再点击底部的"桌面背景",如下图所示: 桌面背景设置 三.进入桌面背景设置后,我们会看到,这里同时勾选了多张桌面笔者图片,在此我们将其全部取消,只候选一张自己喜欢的桌面笔者即可,完成后点击底部的"保存更改"即可,如下图所示: 关闭Win8.1桌面壁纸自动切换方法

win7系统桌面壁纸的切换速度太快怎么调整

  win7系统桌面壁纸的切换速度太快怎么调整         操作步骤: 1.打开注册表,可以选择在"开始菜单"中搜索"regedit",回车运行,或者Win+R,打开"运行"窗口,键入"regedit",回车运行; 2.然后依次展开到"HKEY_CURRENT_USERControl PanelPersonalizationDesktop Slideshow",然后在右侧窗口空白处右键单击,选择&quo

Win7系统如何设置桌面壁纸自动切换

  一张壁纸用久了就会显得有些单调,但是重复的手动更换壁纸也很烦人.下面小编就为大家介绍一下Win7系统如何设置桌面壁纸自动切换. 1.桌面鼠标右键,选择"个性化" 2.点击"桌面背景" 3.选择喜欢的图片打勾. 4.如果系统自带的图片不能满足您要求,可以点击"游览"导入自己的图片. 5.接着更改不同图片切换的时间间隔,点"更改图片时间间隔" 6. 最后,点"保存修改"就可以实现Win7系统桌面壁纸自动切换

开机直接进入Desktop桌面模式的方法

  开机直接进入Desktop桌面(跳过Windows UI)模式的方法: 此文简单介绍一种通过修改注册表键值的方法将Windows 8 从关机(系统重启)状态下启动直接进入Desktop的方式.以下是经验分享.因为使用休眠或者睡眠模式系统会记录上一次状态,因此此文只对关机.重启有效. 此文简单介绍一种通过修改注册表键值的方法将Windows 8 从关机状态下启动直接进入Desktop的方式. Winkey+R,输入Regedit,回车 导航到 HKEY_LOCAL_MACHINESOFTWAR

Android主题切换之探究白天和夜间模式_Android

智能手机的迅速普及,大大的丰富了我们的娱乐生活.现在大家都喜欢晚上睡觉前玩会儿手机,但是应用的日间模式往往亮度太大,对眼睛有较为严重的伤害.因此,如今的应用往往开发了 日间和夜间 两种模式供用户切换使用,那日间和夜间模式切换究竟是怎样实现的呢? 在文字类的App上面基本上都会涉及到夜间模式.就是能够根据不同的设定.呈现不同风格的界面给用户.而且晚上看着不伤眼睛.实现方式也就是所谓的换肤(主题切换).对于夜间模式的实现网上流传了很多种方式.这里先分享一个方法给大家.通过设置背景为透明的方法.降低屏

win7桌面壁纸自动切换设置

Win7系统有些非常炫酷的功能,比如桌面壁纸可以自动切换,让你时时有不同的亮丽桌面风景.那么,这个Win7桌面壁纸自动切换是怎么设置的呢? 在桌面右击鼠标,选择"个性化": 在打开页面选择"桌面背景": 进入后会显示一个你选择了的桌面壁纸,现在那里更改图片时间间隔的选项是灰色的,所以不能选择自动切换的时间: 然后呢,我们需要再选择一张以上的图片,就能选择那个"更改图片时间间隔"下面的时间选项了(记住,如果你要选择多张图片的话,需要按着Ctrl键一

Android主题切换之探究白天和夜间模式

智能手机的迅速普及,大大的丰富了我们的娱乐生活.现在大家都喜欢晚上睡觉前玩会儿手机,但是应用的日间模式往往亮度太大,对眼睛有较为严重的伤害.因此,如今的应用往往开发了 日间和夜间 两种模式供用户切换使用,那日间和夜间模式切换究竟是怎样实现的呢? 在文字类的App上面基本上都会涉及到夜间模式.就是能够根据不同的设定.呈现不同风格的界面给用户.而且晚上看着不伤眼睛.实现方式也就是所谓的换肤(主题切换).对于夜间模式的实现网上流传了很多种方式.这里先分享一个方法给大家.通过设置背景为透明的方法.降低屏