事由
朋友开直播,应邀连麦。挺长时间没用OBS-Studio,一打开就提示有更新,更新后发现OBS自带的Acri主题存在视觉上的BUG(强迫症患者表示:看着难受)。
于是在直播结束后对Acri主题做了简单修改。在此简单记录一下。
1.工具准备
QSS Editor:一款使用 Qt 开发的跨平台开源编辑器
下载地址:https://sourceforge.net/projects/qsseditor
用其他编辑器也可以,看个人喜好,当然不怕眼花的也可以用Windows自带的“记事本”。
2.过程记录
1)找到 OBS-Studio 主题存放的路径 \data\obs-studio\themes;
2)查看主题文件类型,发现是*.qss文件;
关于QSS:
Qt Style Sheet,与 HTML 语言中 CSS 样式表类似,用于修饰控件或页面(制作皮肤)。基本语法也与 CSS 相差不多。
3)将需要修改的主题文件(Acri.qss)复制到其他路径备份(如修改后有问题可覆盖回档);
4)用 QSS Editor 打开 Acri.qss 文件;
5)因为有一些 HTML + CSS 的基础,所以看这个代码基本没什么难度,很快就定位到了关键语句,将 QDockWidget::title 下的 padding-bottom: 6px 改为 padding-bottom: 0px 。
border-bottom:底部边框
margin-left:左边距
margin-right:右边距
padding-top:顶部边界
padding-bottom:底部边界
text-align:文本对齐
background-image:背景图片
background-origin:背景来源
background-clip:背景契合方式
background-position:背景位置
background-repeat:背景重复
6)修改完后保存文件,再打开OBS-Studio,就会看到部件标题已经显示正常了。
由于时间关系,今天只是把不顺眼的地方作了修改,等有时间再DIY一个全新的主题。
(已完结 2021.07.22)