QtCreator的一些自定义

最新推荐文章于 2024-09-20 21:10:18 发布

转载最新推荐文章于 2024-09-20 21:10:18 发布 · 1.2k 阅读

QT 专栏收录该内容

49 篇文章

订阅专栏

本文介绍如何在Qt Creator中设置个性化配色方案，并通过CSS自定义代码区域以外的颜色，包括如何导入XML文件和使用QSS来调整界面外观。

一、配色方案：

配置方法：工具->选项->文本编辑器->配色方案

如果对这些QtCreator自带的配色方案不满意，则需要手动进行添加

方法：

这些配色方案是以xml文件的形式存在于%QtCreatorDir%\share\qtcreator\styles\中的。

以下是一个vs风格的颜色方案

来自

http://gurumeditation.org/index.php/archives/64

http://gurumeditation.org/files/VisualStudio.xml

<style-scheme version="1.0" name="VisualStudio">
<style name="AddedLine" foreground="#00aa00"/>
<style name="Comment" foreground="#008000"/>
<style name="CurrentLine" foreground="#000000"/>
<style name="CurrentLineNumber" foreground="#808080" bold="true"/>
<style name="DiffFile" foreground="#000080"/>
<style name="DiffLocation" foreground="#0000ff"/>
<style name="DisabledCode" foreground="#000000" background="#efefef"/>
<style name="Doxygen.Comment" foreground="#000080"/>
<style name="Doxygen.Tag" foreground="#0000ff"/>
<style name="Keyword" foreground="#0000ff"/>
<style name="Label" foreground="#000000"/>
<style name="LineNumber" foreground="#2b91af" background="#ffffff"/>
<style name="Link" foreground="#0000ff"/>
<style name="Number" foreground="#000000"/>
<style name="Occurrences" foreground="#000000" background="#dcdcdc"/>
<style name="Occurrences.Rename" foreground="#000000" background="#ffc8c8"/>
<style name="Occurrences.Unused" foreground="#c0c0c0"/>
<style name="Operator" foreground="#000000"/>
<style name="Parentheses" foreground="#000000" bold="true"/>
<style name="Preprocessor" foreground="#0000ff"/>
<style name="RemovedLine" foreground="#ff0000"/>
<style name="SearchResult" foreground="#000000" background="#ffef0b"/>
<style name="SearchScope" foreground="#000000" background="#ffe8d5"/>
<style name="Selection" foreground="#ffffff" background="#2b6ac5"/>
<style name="String" foreground="#a31515"/>
<style name="Text" foreground="#000000" background="#ffffff"/>
<style name="Type" foreground="#0000ff"/>
<style name="VisualWhitespace" foreground="#c0c0c0"/>
</style-scheme>

上述代码中红色部分即为QtCreator颜色方案下拉菜单中的方案名称

另一个颜色方案

来自http://qt-project.org/forums/viewthread/7680

<?xml version="1.0" encoding="UTF-8"?>
<style-scheme version="1.0" name="MyDarkTheme">
<style name="AddedLine" foreground="#359f9f"/>
<style name="Comment" foreground="#2d9a9e"/>
<style name="CurrentLine" background="#232323"/>
<style name="CurrentLineNumber" foreground="#aaaaaa" bold="true"/>
<style name="DiffFile" foreground="#349e34"/>
<style name="DiffLocation" foreground="#89892d"/>
<style name="DisabledCode" foreground="#777777" background="#222222"/>
<style name="Doxygen.Comment" foreground="#3dbbbb"/>
<style name="Doxygen.Tag" foreground="#00a0a0"/>
<style name="Field" foreground="#618f5c"/>
<style name="Keyword" foreground="#acac39"/>
<style name="Label" foreground="#bfbf3f"/>
<style name="LineNumber" foreground="#888888" background="#232323"/>
<style name="Link" foreground="#0041c4"/>
<style name="Local" foreground="#696969"/>
<style name="Number" foreground="#8393c0"/>
<style name="Occurrences" background="#363636"/>
<style name="Occurrences.Rename" foreground="#ffaaaa" background="#553636"/>
<style name="Occurrences.Unused" foreground="#c0c0c0"/>
<style name="Operator" foreground="#aaaaaa"/>
<style name="Parentheses" foreground="#ff5555" background="#333333"/>
<style name="Preprocessor" foreground="#917bbc"/>
<style name="RemovedLine" foreground="#b43c3c"/>
<style name="SearchResult" background="#555500"/>
<style name="SearchScope" background="#222200"/>
<style name="Selection" foreground="#000000" background="#aaaaaa"/>
<style name="Static" foreground="#a69829"/>
<style name="String" foreground="#485abe"/>
<style name="Text" foreground="#a1a1a1" background="#000000"/>
<style name="Type" foreground="#317f13"/>
<style name="VirtualMethod" foreground="#a69174" italic="true"/>
<style name="VisualWhitespace" foreground="#c0c0c0"/>
</style-scheme>

其中规则并不难，稍加学习理解即可以做出适合自己的颜色方案。

二、代码区外的颜色

参考自此处 http://stackoverflow.com/questions/2244774/qt-creator-color-scheme

上述颜色方案的配置仅影响代码编辑区域，若要对其余区域进行自定义，需要用到Qt中的CSS： QSS

一个可用的配置文件如下

QMainWindow,
QAbstractItemView,
QTreeView::branch,
QTabBar::tab{
color: #EAEAEA;
background: #333333;
font-size: 9pt;
}
QAbstractItemView::item:selected {
color: #EAEAEA;
background-color: #151515;
}
QScrollBar {
border: none;
background: #494949;
height: 6px;
width: 6px;
margin: 0px;
}
QScrollBar::handle{
background: #DBDBDB;
min-width: 20px;
min-height: 20px;
}
QScrollBar::add-line, QScrollBar::sub-line {
background: none;
border: none;
}
QScrollBar::add-page, QScrollBar::sub-page {
background: none;
}
QTreeView::branch:closed:adjoins-item:has-children {
background: solid #777777;
margin: 6px;
height: 6px;
width: 6px;
border-radius: 3px;
}
QTabBar::tab:selected {
font: bold;
border-color: #9B9B9B;
border-bottom-color: #C2C7CB;
}
QTabBar::tab:!selected {
margin-top: 2px;
}
QHeaderView::section {
background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1,
stop:0 #616161, stop: 0.5 #505050,
stop: 0.6 #434343, stop:1 #656565);
color: white;
padding-left: 4px;
border: 1px solid #6c6c6c;
}
QToolBar {
border-style: solid;
border-style: outset;
color: #EAEAEA;
background: #333333;
font-size: 9pt;
}

将上述内容保存为css文件运行如下命令命令：

qtcreator.exe -stylesheet yourconfig.css

从如下两篇文章中可以获得更多QSS的知识: Qt Style Sheets Reference , Qt Style Sheets Examples .Qt助手好像带有这两篇文章。