? ? Qt是一款開源的、跨平臺(tái)的C++開發(fā)框架，支持Windows、Linux、Mac系統(tǒng)，從1995發(fā)布第一版以來，發(fā)展迅猛，最開始是用于Nokia手機(jī)的Symbian(塞班)系統(tǒng)和應(yīng)用程序開發(fā)，現(xiàn)在是用于嵌入式軟件、桌面軟件(比如WPS、VirtualBox)、Android軟件等開發(fā)，到2023年12月，其最新的版本已經(jīng)更新到了v6.6。
? ? 而Qt Creator是Qt的開源實(shí)現(xiàn)IDE，現(xiàn)在已經(jīng)集成到了Qt.exe里，Qt Creator默認(rèn)的顏色是白色，字體是跟隨系統(tǒng)字體。它原來的白色太刺眼，系統(tǒng)字體對(duì)于編程有點(diǎn)古板。這里介紹Qt Creator的字體、顏色、主題樣式設(shè)置，以Qt 5.14.2為例進(jìn)行說明。
1 下載并安裝微軟雅黑字體
1.1 下載微軟雅黑字體
? ? 微軟雅黑字體，分為Microsoft YaHei mono字體、Microsoft YaHei字體，即一個(gè)帶mono，另一個(gè)不帶mono。推薦使用帶mono的，它字體等寬，顏色也好看。
? ? Microsoft YaHei mono字體地址： https://pan.baidu.com/s/1nG3m_plcfnrbNgksnep5_Q 提取碼：in9h
? ? 下載之后，將其解壓，得到MSYHMONO.ttf文件，右擊MSYHMONO.ttf文件 --》再點(diǎn)擊"為所有用戶"安裝即可，如圖(1)所示：
1.2 啟用Microsoft YaHei mono字體
? ? 點(diǎn)擊QtCreator菜單欄上的[工具] --> 選項(xiàng) --》
文本編輯器 --》字體 --》選中 Microsoft YaHei mono --》Apply
2 配置字體和顏色文件
2.1 編寫vscode.xml
? ? vscode.xml是一個(gè)仿造vscode軟件經(jīng)典黑色的配置文件，代碼區(qū)和工具欄，都是亮酷的黑色，如圖(1)所示：
? ? 在D:\Qt\Qt5.14.2\Tools\QtCreator\share\qtcreator\styles目錄，新建一個(gè)vscode.xml文件，將如下內(nèi)容拷貝到vscode.xml;
? ? //D:\Qt\Qt5.14.2\Tools\QtCreator\share\qtcreator\styles\vscode.xml
<?xml version="1.0" encoding="UTF-8"?>
<style-scheme version="1.0" name="VSCode">
<style name="Text" foreground="#9cdcfe" italic="false" background="#282c34"/>
<style name="Link" />
<style name="Selection" background="#264f78"/>
<style name="LineNumber" foreground="#858585" background="#1e1e1e"/>
<style name="SearchResult" background="#333333"/>
<style name="SearchScope" background="#1e1e1e"/>
<style name="Parentheses" foreground="#dcdcaa" background="#343a40"/>
<style name="CurrentLine" background="#707070"/>
<style name="CurrentLineNumber" foreground="#c6c6c6" bold="true"/>
<style name="Occurrences" background="#363636"/>
<style name="Occurrences.Unused" foreground="#3b84b1"/>
<style name="Occurrences.Rename" foreground="#ffaaaa" background="#553636"/>
<style name="Number" foreground="#b5cea8"/>
<style name="String" foreground="#ce9178"/>
<style name="PrimitiveType" foreground="#569cd6"/>
<style name="Type" foreground="#4ec9b0"/>
<style name="Local"/>
<style name="Field"/>
<style name="Static" foreground="#569cd6" italic="false"/>
<style name="VirtualMethod" italic="false"/>
<style name="Function" foreground="#dcdcaa" italic="false"/>
<style name="Keyword" foreground="#569cd6"/>
<style name="Operator" foreground="#d4d4d4"/>
<style name="Overloaded Operator" foreground="#dcdcaa"/>
<style name="Preprocessor" foreground="#c586c0"/>
<style name="Label" foreground="#569cd6"/>
<style name="Comment" foreground="#6a9955"/>
<style name="Doxygen.Comment" foreground="#6a9955"/>
<style name="Doxygen.Tag" foreground="#00a0a0"/>
<style name="VisualWhitespace" foreground="#c0c0c0"/>
<style name="QmlLocalId" italic="false"/>
<style name="QmlExternalId" foreground="#aaaaff" italic="false"/>
<style name="QmlTypeId" foreground="#f3f351"/>
<style name="QmlRootObjectProperty" italic="false"/>
<style name="QmlScopeObjectProperty" italic="false"/>
<style name="QmlExternalObjectProperty" foreground="#aaaaff" italic="false"/>
<style name="JsScopeVar" foreground="#8888ff" italic="false"/>
<style name="JsImportVar" foreground="#8888ff" italic="false"/>
<style name="JsGlobalVar" foreground="#8888ff" italic="false"/>
<style name="QmlStateName" italic="false"/>
<style name="Binding" foreground="#ff5555"/>
<style name="DisabledCode" foreground="#777777" background="#282c34"/>
<style name="AddedLine" foreground="#55ffff"/>
<style name="RemovedLine" foreground="#ff5555"/>
<style name="DiffFile" foreground="#6a9955"/>
<style name="DiffLocation" foreground="#ffff55"/>
<style name="DiffFileLine" foreground="#000000" background="#d7d700"/>
<style name="DiffContextLine" foreground="#000000" background="#8aaab6"/>
<style name="DiffSourceLine" background="#8c2d2d"/>
<style name="DiffSourceChar" foreground="#000000" background="#c34141"/>
<style name="DiffDestLine" background="#2d8c2d"/>
<style name="DiffDestChar" foreground="#000000" background="#41c341"/>
<style name="Declaration" bold="false"/>
<style name="Global" foreground="#9cdcfe" italic="false"/>
</style-scheme>
2.2 啟用VSCode字體樣式
? ? 點(diǎn)擊Qt Creator菜單欄上的[工具] --> 選項(xiàng) --》 文本編輯器 --》字體和顏色，選中"VSCode" --》Apply
3 設(shè)置主題樣式
3.1 新建oneDark.creatortheme主題文件
? ? Qt Creator左側(cè)的項(xiàng)目瀏覽框、文件打開框、右下角的輸出框，都由Theme控制，它們保存在D:\Qt\Qt5.14.2\Tools\QtCreator\share\qtcreator\themes目錄。
? ? 在D:\Qt\Qt5.14.2\Tools\QtCreator\share\qtcreator\themes目錄，新建一個(gè)oneDark.creatortheme文件，內(nèi)容如下：
? ? //D:\Qt\Qt5.14.2\Tools\QtCreator\share\qtcreator\themes\oneDark.creatortheme
[General]
ThemeName=oneDark
PreferredStyles=Fusion
DefaultTextEditorColorScheme=oneDark.xml
[Palette]
shadowBackground=ff21252b
text=ffabb2bf
textDisabled=99abb2bf
textHighlighted=ffd7dae0
toolBarItem=ffabb2bf
toolBarItemDisabled=99abb2bf
fancyBarsNormalTextColor=ffabb2bf
fancyBarsBoldTextColor=ffabb2bf
hoverBackground=ff31363f
selectedBackground=ff3a3f4b
selectedBackgroundText=ffd7dae0
normalBackground=ff282c34
alternateBackground=ff31363f
error=ffe06c75
warning=ffe5c07b
success=ff98c379
message=ff61afef
splitter=ff181a1f
textColorLink=61afef
textColorLinkVisited=c678dd
backgroundColorDisabled=ff21252b
[Colors]
;DS controls theme START
DScontrolBackground=normalBackground
DScontrolOutline=splitter
DStextColor=text
DSdisabledTextColor=textDisabled
DSpanelBackground=ff454444
DShoverHighlight=hoverBackground
DScolumnBackground=ff363636
DSfocusEdit=normalBackground
DSfocusDrag=ff565656
DScontrolBackgroundPressed=selectedBackground
DScontrolBackgroundChecked=selectedBackground
DSinteraction=selectedBackground
DSsliderActiveTrack=ff7a7a7a
DSsliderInactiveTrack=ff4d4d4d
DSsliderHandle=ff4b5362
DSsliderActiveTrackHover=ff7f7f7f
DSsliderInactiveTrackHover=ff505050
DSsliderHandleHover=ff7a7a7a
DSsliderActiveTrackFocus=ffaaaaaa
DSsliderInactiveTrackFocus=ff7a7a7a
DSsliderHandleFocus=ff1d545c
DSerrorColor=error
DScontrolBackgroundDisabled=backgroundColorDisabled
DScontrolOutlineDisabled=ff4d4d4d
DStextColorDisabled=textDisabled
DStextSelectionColor=selectedBackground
DStextSelectedTextColor=selectedBackgroundText
DSscrollBarTrack=ff4d4d4d
DSscrollBarHandle=ff4b5362
DScontrolBackgroundInteraction=ff4d4d4d
DStranslationIndicatorBorder=splitter
DSsectionHeadBackground=alternateBackground
DSchangedStateText=message
DS3DAxisXColor=error
DS3DAxisYColor=success
DS3DAxisZColor=message
;DS controls theme END
BackgroundColorAlternate=alternateBackground
BackgroundColorDark=shadowBackground
BackgroundColorHover=hoverBackground
BackgroundColorNormal=normalBackground
BackgroundColorDisabled=backgroundColorDisabled
BackgroundColorSelected=selectedBackground
BadgeLabelBackgroundColorChecked=text
BadgeLabelBackgroundColorUnchecked=text
BadgeLabelTextColorChecked=normalBackground
BadgeLabelTextColorUnchecked=normalBackground
CanceledSearchTextColor=error
ComboBoxArrowColor=toolBarItem
ComboBoxArrowColorDisabled=toolBarItemDisabled
ComboBoxTextColor=fancyBarsNormalTextColor
DetailsButtonBackgroundColorHover=hoverBackground
DetailsWidgetBackgroundColor=shadowBackground
DockWidgetResizeHandleColor=splitter
DoubleTabWidget1stSeparatorColor=splitter
DoubleTabWidget1stTabActiveTextColor=text
DoubleTabWidget1stTabBackgroundColor=normalBackground
DoubleTabWidget1stTabInactiveTextColor=text
DoubleTabWidget2ndSeparatorColor=toolBarItemDisabled
DoubleTabWidget2ndTabActiveTextColor=text
DoubleTabWidget2ndTabBackgroundColor=selectedBackground
DoubleTabWidget2ndTabInactiveTextColor=text
EditorPlaceholderColor=shadowBackground
FancyToolBarSeparatorColor=toolBarItemDisabled
FancyTabBarBackgroundColor=shadowBackground
FancyTabBarSelectedBackgroundColor=selectedBackground
FancyTabWidgetDisabledSelectedTextColor=toolBarItemDisabled
FancyTabWidgetDisabledUnselectedTextColor=toolBarItemDisabled
FancyTabWidgetEnabledSelectedTextColor=fancyBarsBoldTextColor
FancyTabWidgetEnabledUnselectedTextColor=fancyBarsBoldTextColor
FancyToolButtonHoverColor=hoverBackground
FancyToolButtonSelectedColor=selectedBackground
FutureProgressBackgroundColor=shadowBackground
IconsBaseColor=toolBarItem
IconsDisabledColor=toolBarItemDisabled
IconsInfoColor=message
IconsInfoToolBarColor=message
IconsWarningColor=warning
IconsWarningToolBarColor=warning
IconsErrorColor=error
IconsErrorToolBarColor=error
IconsRunColor=success
IconsRunToolBarColor=success
IconsStopColor=error
IconsStopToolBarColor=error
IconsInterruptColor=message
IconsInterruptToolBarColor=message
IconsDebugColor=toolBarItem
IconsNavigationArrowsColor=warning
IconsBuildHammerHandleColor=b06112
IconsBuildHammerHeadColor=toolBarItem
IconsModeWelcomeActiveColor=success
IconsModeEditActiveColor=message
IconsModeDesignActiveColor=warning
IconsModeDebugActiveColor=message
IconsModeProjectActiveColor=success
IconsModeAnalyzeActiveColor=message
IconsModeHelpActiveColor=warning
IconsCodeModelKeywordColor=ff777777
IconsCodeModelClassColor=ffc0b550
IconsCodeModelStructColor=ff53b053
IconsCodeModelFunctionColor=ffd34373
IconsCodeModelVariableColor=ff2bbbcc
IconsCodeModelEnumColor=ffc0b550
IconsCodeModelMacroColor=ff476ba0
IconsCodeModelAttributeColor=ff316511
IconsCodeModelUniformColor=ff994899
IconsCodeModelVaryingColor=ffa08833
IconsCodeModelOverlayBackgroundColor=normalBackground
IconsCodeModelOverlayForegroundColor=text
InfoBarBackground=shadowBackground
InfoBarText=text
MenuBarEmptyAreaBackgroundColor=shadowBackground
MenuBarItemBackgroundColor=shadowBackground
MenuBarItemTextColorDisabled=textDisabled
MenuBarItemTextColorNormal=text
MenuItemTextColorDisabled=textDisabled
MenuItemTextColorNormal=text
MiniProjectTargetSelectorBackgroundColor=shadowBackground
MiniProjectTargetSelectorBorderColor=shadowBackground
MiniProjectTargetSelectorSummaryBackgroundColor=normalBackground
MiniProjectTargetSelectorTextColor=fancyBarsNormalTextColor
PanelStatusBarBackgroundColor=shadowBackground
PanelsWidgetSeparatorLineColor=splitter
PanelTextColorDark=text
PanelTextColorMid=text
PanelTextColorLight=textHighlighted
ProgressBarColorError=error
ProgressBarColorFinished=success
ProgressBarColorNormal=message
ProgressBarTitleColor=text
ProgressBarBackgroundColor=alternateBackground
SplitterColor=splitter
TextColorDisabled=textDisabled
TextColorError=error
TextColorHighlight=textHighlighted
TextColorHighlightBackground=hoverBackground
TextColorLink=textColorLink
TextColorLinkVisited=textColorLinkVisited
TextColorNormal=text
ToggleButtonBackgroundColor=shadowBackground
ToolBarBackgroundColor=shadowBackground
TreeViewArrowColorNormal=hoverBackground
TreeViewArrowColorSelected=text
OutputPanes_DebugTextColor=text
OutputPanes_ErrorMessageTextColor=error
OutputPanes_MessageOutput=message
OutputPanes_NormalMessageTextColor=text
OutputPanes_StdErrTextColor=error
OutputPanes_StdOutTextColor=text
OutputPanes_WarningMessageTextColor=warning
OutputPanes_TestPassTextColor=success
OutputPanes_TestFailTextColor=error
OutputPanes_TestXFailTextColor=error
OutputPanes_TestXPassTextColor=message
OutputPanes_TestSkipTextColor=message
OutputPanes_TestWarnTextColor=warning
OutputPanes_TestFatalTextColor=error
OutputPanes_TestDebugTextColor=text
OutputPaneButtonFlashColor=error
OutputPaneToggleButtonTextColorChecked=fancyBarsNormalTextColor
OutputPaneToggleButtonTextColorUnchecked=fancyBarsNormalTextColor
Debugger_LogWindow_LogInput=ff56b6c2
Debugger_LogWindow_LogStatus=message
Debugger_LogWindow_LogTime=error
Debugger_WatchItem_ValueNormal=text
Debugger_WatchItem_ValueInvalid=textDisabled
Debugger_WatchItem_ValueChanged=error
Debugger_Breakpoint_TextMarkColor=message
Welcome_TextColor=text
Welcome_ForegroundPrimaryColor=text
Welcome_ForegroundSecondaryColor=text
Welcome_BackgroundColor=normalBackground
Welcome_ButtonBackgroundColor=normalBackground
Welcome_DividerColor=splitter
Welcome_HoverColor=hoverBackground
Welcome_LinkColor=textColorLink
Welcome_DisabledLinkColor=textDisabled
Timeline_TextColor=text
Timeline_BackgroundColor1=normalBackground
Timeline_BackgroundColor2=shadowBackground
Timeline_DividerColor=splitter
Timeline_HighlightColor=selectedBackground
Timeline_PanelBackgroundColor=alternateBackground
Timeline_PanelHeaderColor=normalBackground
Timeline_HandleColor=ff4b5362
Timeline_RangeColor=selectedBackground
VcsBase_FileStatusUnknown_TextColor=text
VcsBase_FileAdded_TextColor=success
VcsBase_FileModified_TextColor=warning
VcsBase_FileDeleted_TextColor=error
VcsBase_FileRenamed_TextColor=message
VcsBase_FileUnmerged_TextColor=error
Bookmarks_TextMarkColor=message
TextEditor_SearchResult_ScrollBarColor=success
TextEditor_CurrentLine_ScrollBarColor=message
ProjectExplorer_TaskError_TextMarkColor=error
ProjectExplorer_TaskWarn_TextMarkColor=warning
CodeModel_Error_TextMarkColor=error
CodeModel_Warning_TextMarkColor=warning
QmlDesigner_BackgroundColor=normalBackground
QmlDesigner_HighlightColor=selectedBackground
QmlDesigner_FormEditorSelectionColor=message
QmlDesigner_FormEditorForegroundColor=normalBackground
QmlDesigner_BackgroundColorDarkAlternate=shadowBackground
QmlDesigner_BackgroundColorDarker=splitter
QmlDesigner_BorderColor=splitter
QmlDesigner_ButtonColor=normalBackground
QmlDesigner_TabDark=shadowBackground
QmlDesigner_TabLight=text
QmlDesigner_FormeditorBackgroundColor=normalBackground
QmlDesigner_AlternateBackgroundColor=alternateBackground
QmlDesigner_ScrollBarHandleColor=ff4b5362
PaletteWindow=shadowBackground
PaletteWindowText=text
PaletteBase=normalBackground
PaletteAlternateBase=alternateBackground
PaletteButton=shadowBackground
PaletteBrightText=error
PaletteText=text
PaletteButtonText=text
PaletteButtonTextDisabled=textDisabled
PaletteToolTipBase=hoverBackground
PaletteHighlight=selectedBackground
PaletteDark=shadowBackground
PaletteHighlightedText=selectedBackgroundText
PaletteToolTipText=text
PaletteLink=textColorLink
PaletteLinkVisited=textColorLinkVisited
PaletteWindowDisabled=backgroundColorDisabled
PaletteWindowTextDisabled=textDisabled
PaletteBaseDisabled=backgroundColorDisabled
PaletteTextDisabled=textDisabled
[Flags]
ComboBoxDrawTextShadow=false
DerivePaletteFromTheme=true
DrawIndicatorBranch=true
DrawSearchResultWidgetFrame=false
DrawTargetSelectorBottom=false
DrawToolBarHighlights=false
DrawToolBarBorders=false
ApplyThemePaletteGlobally=true
FlatToolBars=true
FlatSideBarIcons=true
FlatProjectsMode=true
FlatMenuBar=true
ToolBarIconShadow=true
WindowColorAsBase=true
DarkUserInterface=true
[Gradients]
DetailsWidgetHeaderGradient\1\color=normalBackground
DetailsWidgetHeaderGradient\1\pos=1
DetailsWidgetHeaderGradient\size=1
? ? 如圖(7)所示：
3.2 啟用該主題
? ? 打開QtCreator --》點(diǎn)擊菜單欄上的[工具] --> 選項(xiàng) --》 環(huán)境 --》Interface --> Theme 選擇:oneDark --》Apply，如圖(8)所示：
4 重啟Qt Creator
? ? Qt Creator設(shè)置在自身的字體、顏色、主題樣式之后，需要手動(dòng)重啟一下Qt Creator，即把Qt Creator先關(guān)閉后打開，就是重啟Qt Creator。
? ? 效果如下：文章來源：http://www.zghlxwxcb.cn/news/detail-757608.html
5 Qt Creator字體與主題文件
? ? Qt Creator字體與主題文件： https://pan.baidu.com/s/1xAxDVU4JVbEuLVUvZleijA 提取碼：hsst文章來源地址http://www.zghlxwxcb.cn/news/detail-757608.html
到了這里，關(guān)于Qt Creator設(shè)置IDE的字體、顏色、主題樣式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
