keyshot如何自定义主题样式


主题样式是什么?

我们打开keyshot,进入首选项,会看到界面》主题,会有两个选择。

一个是亮,一个是暗,也就是keyshot软件自带的两种界面颜色样式。

红框内所标注

这两种主题,大妈偏爱暗主题,亮主题有点刺眼,暗主题不刺眼,且容易沉入工作当中。

不过有些人觉得事物看久了,都会腻,想着如果还有其它颜色主题就好了,也有些人可能有强迫症,觉得自带的主题还是有所缺陷,希望优化一下,也有些人喜欢折腾,想搞点啥五彩斑斓的黑,独一无二的软件界面,总之,不管你是哪类人,恭喜你,keyshot就是留了一个这样的端口,专门给你们用来自定义修改界面主题样式。

不过在修改前,大妈先说明一下,更改主题界面样式,如果你学过css,那么你会觉得很简单,如果你啥都不懂,当然,大妈也教你怎么做一些简单的优化修改,跟着我的步骤,一起来折腾。

1.打开keyshot

2.点击菜单栏:窗口,选择样式表编辑器

3.这时候我们就打开了:样式表编辑器,基本上所有的界面样式代码就在这里修改,基本的代码组成:

QWidget:disabled {    这一行是样式标签名称,控制着相对应的元素,一条或多条,以大括号开始

color: #777777;          这一行是样式属性代码,控制元素最终的呈现效果,一条或多条,以; 符合代表着一个样式熟悉结束

}                                  以大括号结束

4. 如果你会英文,应该能看懂每个英文单词的含义,如果看不懂,也没关系,咱们只要认识:#2b2b2b的十六进制颜色代码,更改颜色代码,就能判断这个#2b2b2b控制哪个界面区域颜色。

我们先将:#2b2b2b  改成:#fff    #fff代表纯白色,再点击编辑器右下角的:Apply,这时候我们的软件界面就发生了改变,如图:

有点乱,哈哈,没事,我们只是判断这一行代码控制的区域

5.我们知道了这一区域的颜色代码,这时候我们就可以随意发挥,我这里最终前三行的代码如下,提亮了深色区域,提亮了整个软件的字体颜色为纯白,效果如图:

QWidget { background: #333333(界面颜色); color: #fff(软件常规文字颜色);}

6.我觉得选中的菜单效果不是很明显,我想加深,这时候我们找到一行代码,如图:

中间红框内的代码就是控制了上下两个红框内的选中效果,当然不止这两处,我只是举例。

7.我们先试着将:background: #212121; 修改为background: #ff0000; 看看效果如何,如图:

由原来的深灰色变成了大红色,真是有点骚,我觉得太刺眼了,不行,还是换个颜色。

8.我们把颜色改成纯黑:background: #000;  每次修改后要点击右下角的:Apply,来执行修改,效果如图:

在原来的基础上,选中效果更加明确

9.我继续修改数值框,我觉得原本的黑色,看起来有点糊,而且keyshot的数值框应用的地方多,且频繁,所以了,我想这里比较显眼一些,如图:

红框内的类似输入框

10.大家跟着我找到这一行代码,来修改数值框,如图:

快速查找使用:ctrl+f,输入:AbstractSpinBox,即可快速到达这一行

11.background-color 控制数值框的底色,border: 控制数值框的边框颜色,以及边框粗细等,我们将代码修改成:

QAbstractSpinBox {background-color: #f4f3f3;border: 1px solid #dfdfdf;}

这时候发现变成白色,但是文字原本也是白色,这时候混在一起,文字看不见了,如图:

输入框与文字混在一起,文字信息看不见

12.前面带着大家都是在原版的基础修改,这次我们试着添加新的代码,我们现在添加一行: color: #000; 放在border: 1px solid #dfdfdf; 下面,再点击:Apply,文字变成了黑色,如图:

新添加的代码一点要放在{ } 符合内,且以英文; 结尾

13.到这里由于时间关系,我就讲到这里,大家修改后,可以点击save保存为文件,分享给其它人使用。同样,要使用别人的自定义样式,点击Open,选择你下载的样式文件,再点击Apply,即可使用。


最后了,大家可以自己继续折腾,想改成啥样都行,只要你自己看的过去。顺便可以体验一下如程序员一样,码代码的感受,如果你能码出一套惊世骇俗的keyshot界面样式,那你就出师了,由设计师变成了前端程序员!

加油,大妈看好你们!

公众号回复css获取大妈优化样式文件

你可能感兴趣的:(keyshot如何自定义主题样式)