Qt项目中qss样式使用

最新推荐文章于 2024-08-18 09:39:23 发布
最新推荐文章于 2024-08-18 09:39:23 发布
阅读量270 收藏 2
点赞数
分类专栏： QSS Qt c++ 文章标签： qt css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pailugou/article/details/128563867
版权
Qt 同时被 3 个专栏收录
20 篇文章 2 订阅
订阅专栏
c++
20 篇文章 1 订阅
订阅专栏
QSS
2 篇文章 0 订阅
订阅专栏
该文本是Qt界面设计中使用的CSS样式表，定义了各种控件如QWidget、QToolButton、QScrollArea等的背景色、边框、圆角、图片以及不同状态下的样式，涉及到界面的颜色主题、按钮图标的显示和滚动条样式等细节。
摘要由CSDN通过智能技术生成 
QWidget#AppFrame,#TopWidget, #mechanicalArmPage, #twoMechanicalArmWidget, #threeMechanicalArmWidget, #fourMechanicalArmWidget
{
	background-color:rgb(19,43, 61);
}

QWidget#AppFrame
{
	background-color:rgb(255,255,255);
}

QWidget#BottomWidget, #patientPage, #addPatientInfoWidget, #mechanicalStatisticsWin, #settingMainWidget, #mechanicalArmWidget, #OutImageWidget, #ImageCarSettingWidget, #ImageCarProcessWidget, #ImageCarToolWidget
{
	background-color:rgb(14,32,46);
}

QWidget#mechanicalArmPage, #twoMechanicalArmWidget, #threeMechanicalArmWidget, #fourMechanicalArmWidget
{
	border-radius:12px;
}
QToolButton#closeButton
{
	border-image:url(:/setting/image/setting/close.png);
}

QWidget#armrestHeightWidget, #pitchingWidget, #pedalHeightWidget
{
	border-image:url(:/workFlow/image/workFlow/adjustBackground.png);
}

QFrame#frame, #frame_2
{
	background-color:#F5F5F5;
	border-radius: 8px;
	border:1px;
}

QFrame#leftOperationWidget
{
	background-color:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #0A575D,stop:1 #0A3D45);
	border-bottom-right-radius:32px;
	border-top-right-radius:32px;
	border:0px;
}

QFrame#rowFrame
{
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-bottom:2px solid rgb(62,77,88);
}

QFrame#outImageFrame
{
	border:0px;
	background-color:#142C3E;
}

QDialog#LockSysDialog, #LoadingDialog
{
	background-color:rgba(10, 10, 10, 80%);
}

QDialog#messageDialog>QFrame#dialogFrame
{
	background-color:rgb(20,44,62);
	border-radius:8px;
}

QDialog#messageDialog>QFrame#dialogFrame>QWidget#titleWidget
{
	background-color:rgb(7,128,127);
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

QWidget#scrollAreaWidgetContents
{
	background-color: transparent;
}


QScrollArea
{
	border:none;background-color:transparent;
}

QScrollArea QScrollBar:vertical
{
	width:5px;
	background:transparent;margin:0px,1px,0px,1px;
	padding-top:0px;padding-bottom:0px;border-radius:2px;
}

QScrollArea QScrollBar::handle:vertical
{
	background:#FFFFFF;
	border-radius:2px;
}

QScrollArea QScrollBar::handle:vertical:hover
{
	background:#47d5d5;
	border-radius:2px;
}

QScrollArea QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical
{
	background:transparent;border-radius:2px;
}

QScrollArea QScrollBar::add-line:vertical,QScrollBar::sub-line:vertical
{
	height:0px;width:0px;
}

QScrollArea QScrollBar:horizontal
{
	width:10px;
	height:8px;
	background:transparent;margin:0px,1px,0px,1px;
	padding-top:0px;padding-bottom:0px;border-radius:3px;
}

QScrollArea QScrollBar::handle:horizontal
{
	width:10px;
	height:8px;
	background:#FFFFFF;
	border-radius:3px;
}

QScrollArea QScrollBar::handle:horizontal:hover
{
	width:10px;
	height:8px;
	background:#47d5d5;
	border-radius:3px;
}

QScrollArea QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal
{
	background:transparent;border-radius:3px;
}

QScrollArea QScrollBar::add-line:horizontal,QScrollBar::sub-line:horizontal
{
	height:0px;width:0px;
}

QToolButton
{
	border:0px;
	padding:0px;
	font-weight: 400;
}

QToolButton#unLockButton
{
	width:70px;
	height:70px;
	background:url(:/topImage/image/lock.png)center no-repeat;
}

QToolButton#lockButton
{
	width:70px;
	height:70px;
	background:url(:/topImage/image/lock.png)center no-repeat;
}

QToolButton#quitButton
{
	width:50px;
	height:50px;
	background:url(:/topImage/image/quit.png)center no-repeat;
}

QToolButton#volumeAdjustButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/volume.png)center no-repeat;
}

QToolButton#volumeAdjustButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/volumeChoose.png)center no-repeat;
}

QToolButton#powerValueButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/powerValue.png)center no-repeat;
}

QToolButton#powerValueButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/powerValueChoose.png)center no-repeat;
}

QToolButton#cameraButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/camera.png)center no-repeat;
}

QToolButton#cameraButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/cameraChoose.png)center no-repeat;
}

QToolButton#grabButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/grab.png)center no-repeat;
}

QToolButton#grabButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/grabChoose.png)center no-repeat;
}

QToolButton#patientButton
{
	width:70px;
	height:70px;
	border-image:url(:/bottom/image/bottom/patientEnabled.png)center no-repeat;
}

QToolButton#patientButton:checked
{
	width:70px;
	height:70px;
	border-image:url(:/bottom/image/bottom/patient.png)center no-repeat;
}

QToolButton#addInfoButton
{
	width:70px;
	height:70px;
	border-image:url(:/bottom/image/bottom/addPatient.png)center no-repeat;
}

QToolButton#addInfoButton:checked
{
	width:70px;
	height:70px;
	border-image:url(:/bottom/image/bottom/addPatientChoose.png)center no-repeat;
}

QToolButton#deviceButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/device.png)center no-repeat;
}

QToolButton#deviceButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/deviceChoose.png)center no-repeat;
}

QToolButton#settingButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/setting.png)center no-repeat;
}

QToolButton#settingButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/settingChoose.png)center no-repeat;
}

QToolButton#videoButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/video.png)center no-repeat;
}

QToolButton#videoButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/videoChoose.png)center no-repeat;
}

QToolButton#copyButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/changed.png)center no-repeat;
}

QToolButton#copyButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/changedChoose.png)center no-repeat;
}

QToolButton#changedModelButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/changedModel3D.png)center no-repeat;
}

QToolButton#changedModelButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/chanedModel2D.png)center no-repeat;
}

QToolButton#changedModelButton:!enabled
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/changedModelDisabled.png)center no-repeat;
}

QToolButton#openButton
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/import.png)center no-repeat;
}

QToolButton#openButton:checked
{
	width:70px;
	height:70px;
	background:url(:/bottom/image/bottom/importChoose.png)center no-repeat;
}

QToolButton#okAdd, #LoginButton 
{
	border-style:none;
	border:0px;
	color:#FFFFFF;
	padding:0px;
	border-radius:4px;
	font:24px Source Han Sans CN;
	font-weight: 400;
	background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #00FCEB,stop:1 #009389);

}

QToolButton#saveMechaincalInfoButton, #savePatientInfotButton, #okButton
{
	color:#FFFFFF;
	font:28px Source Han Sans CN;
	border-radius: 4px;
	background-color:rgb(7,117,117);
}

QToolButton#cancelButton
{
	color:rgb(0, 0, 0);
	font:28px Source Han Sans CN;
	border-radius: 4px;
	background-color:rgb(255,255,255);
}

QToolButton#armrestHeightDown, #pitchingDown, #pedalHeightDown
{
	border-radius: 40px;
	background-color:rgb(6,114,112);
	background-image:url(:/workFlow/image/workFlow/down.png);
	background-origin: content;
    background-position: center;	         /* 背景图片的位置 */
    padding-top: 2px;		    
    background-repeat: no-repeat;	         /* 设置背景图像的平铺模式 */
}

QToolButton#armrestHeightUp, #pitchingUp, #pedalHeightUp
{
	border-radius: 40px;
	background-color:rgb(6,114,112);
	background-image:url(:/workFlow/image/workFlow/up.png);
	background-origin: content;
    background-position: center;	         /* 背景图片的位置 */
    padding-top: 2px;		    
    background-repeat: no-repeat;	         /* 设置背景图像的平铺模式 */
}

QToolButton#displayerButton, #MapButton, #imageAddButton, #mainToSettingButton, #buttonSetting
{
	color:#FFFFFF;
	font:24px Source Han Sans CN;
	font-weight: 500;
}

QToolButton#reset3DButton, #reset2DButton, #resetFluorescenceButton, #factoryDataResetButton, #viewButton, #imageCarResetButton
{
	background-color:rgb(10,81,87);
	color:#FFFFFF;
	font:24px Source Han Sans CN;
	font-weight: 500;
	border-radius:4px;
}

QToolButton#displayerButton:checked, #MapButton:checked, #imageAddButton:checked, #mainToSettingButton:checked, #buttonSetting:checked
{
	color:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #00FCEB,stop:1 #009389);
}


QToolButton#zoomOneButton, #zoomTwoButton, #zoomThreeButton, #fluorescenceOnButton, #standardButton, #sensitiveButton, #mainToLeftOneButton, #mainToLeftTwoButton, #mainToLeftThreeButton, #mainToLeftFourButton, #mainToRightOneButton, #mainToRightTwoButton, #mainToRightThreeButton, #mainToRightFourButton, #imageCarToolFluorescenceOnButton, #imageCarToolStandardButton, #imageCarToolSensitiveButton
{
	color:#FFFFFF;
	font-weight: 500;
	font:32px Source Han Sans CN;
}

QToolButton#zoomOneButton:checked, #zoomTwoButton:checked, #zoomThreeButton:checked, #fluorescenceOnButton:checked, #standardButton:checked, #sensitiveButton:checked, #mainToLeftOneButton:checked, #mainToLeftTwoButton:checked, #mainToLeftThreeButton:checked, #mainToLeftFourButton:checked, #mainToRightOneButton:checked, #mainToRightTwoButton:checked, #mainToRightThreeButton:checked, #mainToRightFourButton:checked, #imageCarToolFluorescenceOnButton:checked, #imageCarToolStandardButton:checked, #imageCarToolSensitiveButton:checked
{
	color:#00FFEE;
}

QToolButton#adjustUpButton
{
	border-image:url(:/workFlow/image/workFlow/adjustUp.png);
}

QToolButton#adjustDownButton
{
	border-image:url(:/workFlow/image/workFlow/adjustDown.png);
}

QToolButton#toolButton_3
{
	border-image:url(:/workFlow/image/workFlow/button3.png);
}

QToolButton#toolButton_4
{
	border-image:url(:/workFlow/image/workFlow/button4.png);
}

QLabel#label_2, #label_3, #label_4, #label,#label_7, #label_6
{
	color:#1A3951;
	font-family: Source Han Sans CN;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
}

QLabel#patientIDLabel, #patientID, #patientNameLabel, #patientName
{
	color:rgb(207,210,213);
	font:18px Source Han Sans CN;
	font-weight: 400;
}

QLabel#ArmUseNumberLabel, #adjustUseNumberLabel
{
	color:rgb(255,255,255);
	font:24px Source Han Sans CN;
	background-color:#00BB25;
	border-radius:4px;
}

QWidget#mechanicalArmPage>QStackedWidget#stackedWidget>QWidget#page>QLabel#imageLabel
{
	border-image:url(:/workFlow/image/workFlow/mechanical.png);
}

QLineEdit#addPatientNameEdit, #addPatientAgeEdit, #addPatientIDEdit, QTextEdit#operationTypeInfoEdit, #operationinfoEdit
{
	border:0px;
	color:rgb(255,255,255);
	font:20px Source Han Sans CN;
	font-weight: 400;
	background:rgb(31,46,62);
	border-radius: 4px;
}

QLabel#addPatientName, #addPatientSex, #addPatientAge, #addPatientID, #operationTime, #operationType, #operationInfo
{
	color:rgb(255,255,255);
	font:18px Source Han Sans CN;
	font-weight: 400;
}

QLabel#titleLabel
{
	color:rgb(255,255,255);
	font:32px Source Han Sans CN;
	font-weight: 500;
}

QWidget#mechanicalArmPage>QLabel#titleLabel
{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	font:24px Source Han Sans CN;
	color:rgb(255,255,255);
	font-weight: 400;
}

QLabel#dateLabel
{
	color:#99A3AB;
	font:16px Source Han Sans CN;
	font-weight: 400;
}

QLabel#addNewUser
{
	font:16px Source Han Sans CN;
	color:#FBA518;
	background-color:#F5F5F5;
}

QLabel#backLogin
{
	font:16px Source Han Sans CN;
	color:#009389;
	background-color:#F5F5F5;
}

QLabel#CurrentVersion
{
	font-weight: 400;
	font：14px ource Han Sans CN;
	color:#009389;
	font-style: normal;
}

QLabel#memorySizeLabel
{
	background-image:url(:/topImage/image/GSize.png);
}

QLabel#powerLabel
{
	background-image:url(:/topImage/image/power.png);
}

QLabel#loginImage
{
	background-color:rgb(255,255,255);
	background-image:url(:/topImage/image/LOGO.png);
}

QLabel#titleLabel, #operaterTitleLabel, #pedalTitleLabel, #addPatientPageTitle, #title3DLabel, #title2DLabel, #zoomTitleLabel, #fluorescenceImageTitleLabel, #outImageTitleLabel, #mainToProportionLabel, #clutchLabel, #leftRightChangedLabel, #configLabel, #fourNumberLabel, #threeNumberLabel, #twoNumberLabel, #oneNumberLabel, #upValueLabel, #downValueLabel, #settingLabel, #imageCarToolTitleLabel,#imageprocess_label
{
	color:rgb(255,255,255);
	font:36px Source Han Sans CN;
	font-weight: 500;
}

QLabel#nameLabel
{
	color:#1A3951;
	font:36px Source Han Sans CN;
	font-weight: 500;
}

QLabel#heightLabel, #pitchingLabel, #pedalHeightLabel, #explainLabel, #dcNameLabel, #mechaniImage, #mechaniName, #mechaniModel, #mechaniUseNumber, #mechaniResidueNumber, #mechaniLastUseTime
{
	color:#FFFFFF;
	font:20px Source Han Sans CN;
	font-weight:400;
}

QLabel#armrestHeightValue, #pitchingValue, #pedalHeightValue
{
	color:rgb(255,255,255);
	font:60px Source Han Sans CN;
	font-weight:700;
}

QLabel#loadingLabel, #valueLabel, #messageLabel
{
	color:rgb(255,255,255);
	font:28px Source Han Sans CN;
	font-weight:500;
}

QToolButton#layout2DButton
{
	background-color:rgb(98,111,120);
	border-radius:4px;
}

QToolButton#layout2DButton:checked
{
	border-image:url(:/setting/image/setting/layout2D.png);
}

QToolButton#tubeLabel
{
	border-image:url(:/bottom/image/bottom/tube.png);
}

QToolButton#valumeValueLabel
{
	border-image:url(:/bottom/image/bottom/volumeLabel.png);
}

QLabel#brightness3D, #brightness2D, #colorBalance3D, #colorBalance2D, #dynamicContra3D, #dynamicContra2D, #fastSwitchLabel, #fluorescenceModelLabel, #fluorescenceChangedLabel, #fluorescenceIntensityLabel, #fluorescenceBackgroundLabel, #outImageSwitchLabel, #layout3DLabel, #layout2DLabel, #mainToLeftLabel, #mainToRightLabel, #videoLabel, #viewLabel, #imageCarToolModelLabel, #imageCarToolChangedLabel, #ImageCarToolintensityLabel, #imageCarToolBackgroundLabel
{
	color:#FFFFFF;
	font:24px Source Han Sans CN;
	font-weight:500;
}

QLineEdit#passWordLineEdit, #newUserName, #newPassWord
{
	border: 1px solid #DBDBDB;
	background: #FFFFFF;
	border-radius: 4px;
}

QComboBox
{
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	color: #142C3E;
	font:16px Source Han Sans CN; 
}
QComboBox::down-arrow
{
	padding: 0px 17px 0px 0px;
	image: url(:/login/image/downArrows.png);
}
QComboBox::down-arrow:on
{
	image: url(:/login/image/downArrows.png);
}
QComboBox QAbstractItemView
{
	outline: 0px solid gray;
	border: 0px solid gray;
	color: #142C3E;
	background: #FFFFFF;
	selection-background-color: lightgreen;
}
QComboBox QAbstractItemView::item
{
	height: 50px;
}
	
QComboBox::drop-down
{
	subcontrol-origin: padding;
	subcontrol-position: top right;
	width: 15px;
	border-left-width: 0px;
	border-left-color: darkgray;
	border-left-style: solid;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

QComboBox#addPatientSexChoose
{
	background: #1F2E3E;
	border: 0px solid #DBDBDB;
	border-radius: 4px;
	color: #FFFFFF;
	font:20px Source Han Sans CN; 
}

QComboBox#addPatientSexChoose::down-arrow
{
	padding: 0px 17px 0px 0px;
	image: url(:/login/image/downArrows.png);
}

QComboBox#addPatientSexChoose::down-arrow:on
{
	image: url(:/login/image/downArrows.png);
}

QComboBox#addPatientSexChoose QAbstractItemView
{
	outline: 0px solid gray;
	border: 0px solid gray;
	color: #142C3E;
	background: #FFFFFF;
	selection-background-color: lightgreen;
}

QComboBox#addPatientSexChoose QAbstractItemView::item
{
	height: 50px;
}

QProgressBar#progressBar
{
	background-color:rgba(255, 255, 255, 10);
	border: 0px solid #DDDDDD;
	border-radius:5px;
}

QProgressBar#progressBar::chunk
{
	background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #00FCEB,stop:1 #009389);
	width:5px;
	height:30px;
	margin:3px;
}

QProgressBar#ArmProgressBar
{
	background-color:rgba(19,43,61,30);
	border: 0px solid #DDDDDD;
	height:10px;
	border-radius:5px;
}

QProgressBar#ArmProgressBar::chunk
{
	border-radius:7px;
	background:qlineargradient(spread:pad,x1:0,y1:0,x2:1,y2:0,stop:0 #00CF07,stop:1 #FF1302);
	
}

QSlider::groove:horizontal{
    background:rgb(8,121,123);
    height:6px;
    border-radius:3px;
}

QSlider::handle:horizontal{
    width: 20px;
    margin-top: -8px;
    margin-bottom:-8px;
    border-radius: 10px;
    background: #00FFEE;
}

QSlider::sub-page:horizontal{
    border-radius:10px;
    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #00CF07, stop:1 #00CF07);
}

QDateEdit{
	color: rgb(255,255,255);
	background-color: rgb(31,46,62);
    border:0px;
	font:20px Source Han Sans CN;
	border-radius:4px;
}
 
QDateEdit::drop-down
{
	image:url(:/workFlow/image/workFlow/date.png);
    subcontrol-origin:padding;
    subcontrol-position:top right;
    width:40px;
   	background-color: rgb(31,46,62);
    border:0px;
	border-radius:4px;
}
QDateEdit::drop-down:on
{
	image:url(:/workFlow/image/workFlow/date.png);
    
}
QTextEdit#imageprocess_textEdit
{
	border:0px;
	color:rgb(255,255,255);
	font:18px Source Han Sans CN;
	font-weight: 400;
	background:rgb(31,46,62);
	border-radius: 2px;
}
Pailugou
关注
专栏目录
qt样式表设置边框_QT 样式风格 & 样式表 (QStyleSheet)
weixin_27943395的博客
01-15 2504
QT Style的机制和GTK的Style机制很类似，基本上就是定义了一个基础的Style类，在Style类里面定义一系列的绘图相关函数接口，具体风格的Style类实现了这些函数接口。在控件的实现中，控件的绘图函数调用Style类的绘图函数接口，绘制具体的控件UI通过使用不同的Style实现，实现全局UI风格的改变所不同的是这些函数的的颗粒度、分类及复杂程度。此外各种局部风格调整的机制，思路也是一...
QSS：QT样式表模板
02-05
QSS：QT样式表模板
Qt使用QSS设置控件样式
qq_25549309的博客
07-14 1395
在这篇文章中，我们将会学习如何使用QSS（Qt样式表）来自定义QPushButton、QLabel、QLineEdit和QComboBox控件的样式。在Qt中，我们可以使用QSS来定制控件的外观，并且能够方便地整合到我们的应用程序中。
【Qt】QWidget的styleSheet属性
最新发布
dab112的博客
08-18 1198
styleSheet属性用于设置文本样式
Qt之Qss样式常用设置
qq_42041679的博客
12-06 658
Qt中Qss常用样式
Qt之使用QSS样式表
Shijia Yin
02-27 828
概述 模仿CSS，QT创造了自己的样式表，叫做QSS。利用QSS，我们也可以做出很多花里胡哨的界面。 QSS的使用方法大概有三种： 在Qt Designer中使用，也就是直接编辑控件的样式表属性 直接在CPP中使用，这一般用于一些十分简单的样式。 以qss文件的形式加载，这一般用于复杂样式的实现，也是我们今天要介绍的。 使用qss文件添加样式表 首先在工程目录中新建一个.qss文件，依据个人习...
Qt6教程之三(2) QT使用qss
世界需要程序员，而我就是其中一员！
02-28 1388
本篇主要介绍Qt的QSS技术！
QSS.rar_QSS样式表_QT QSS_QT 样式_Qt样式表_qss
09-24
在"QSS.rar"这个压缩包中，包含了多个预设的QSS样式表，例如`office2010.qss`, `default.qss`, `levelfour.qss`, `darkorange.qss`, `noskin.qss`和`darkorange.stylesheet`，这些文件可以被Qt应用程序加载使用，...
Qt Qss三套样式文件 qss.zip
10-19
综上所述，"qss.zip"中的三套Qt QSS样式文件为你提供了改变Qt应用外观的机会。通过理解并熟练运用QSS，你可以创建出美观且功能丰富的用户界面。记得参考链接中的博客文章以获取更多实践指导和详细信息。
Qt-样式表qss练习
03-22
最简单的是在代码中使用`setStyleSheet()`函数，如`myWidget->setStyleSheet("QPushButton { color: blue; }");`。另一种是将QSS写入外部文件，然后用`loadStyleSheet()`函数加载。这有利于维护和共享样式表，尤其在...
Qt QSS样式使用
weixin_36323170的博客
02-14 704
介绍        Qt Qwidget 中在进行GUI开发中经常需要对控件进行美化，此时就需要对控件的样式进行修改；常用以下三种方法； 在C++代码中通过函数setStyleSheet(); 在设计师中进行美化； 引入QSS文件进行美化； 当然，并不拘泥于其中一种方法，有时候会结合三种方法一起使用，但是一般推荐使用QSS文件，或者在设计师中进行美化，代...
QSS样式表大合集.rar
04-11
QSS样式表大合集，基本涵盖了你能看到的所有样式表，各种精美风格都在其中......
Qt加载qss样式文件
weixin_38293850的博客
03-12 3230
一、静态加载1、建立文本文件，写入样式表内容，更改文件后缀名为qss； 2、在工程中新建资源文件*.qrc，将qss文件加入资源文件qrc中，此处注意prefix最好为"/"，否则在调用qss文件时会找不到文件；3、通过传入路径\文件名的方式创建一个QFile对象，以readonly的方式打开，然后readAll，最后qApp->setStyleSheet就可以使qss生效。 QString...
QT QSS简单使用
haoyu12123的博客
08-16 3143
之前完成的QT程序完成逻辑控制后，界面全都使用图片填充的方式来做美化，但是使用到的组件看上去很丑，因此上网简单学习之后做总结如下：（之前也未学习过CSS等知识属于纯小白，如有错误，不吝赐教）。...
使用Qss设置窗体样式
顺其自然~专栏
04-30 2504
本文主要是对官方文档的翻译。 一、Qss作用与规则 Qss(Qtstyle sheet)是一种样式文本规范，可以使用QApplication::setStyleSheet()来设置整个应用的样式或者使用QWidget::setStyleSheet()设置某个QWidget(包括其子类)窗体的样式。Qss具有级联属性，即假设在不同的级别设置了多个样式表，那么Qt将从所有设置的样式表中派生出有效的样式表。样式表可以让您执行所有类型的定制，这些定制仅使用QPalette是很难或不可能执行的。例如，你想要...
Qt中qss样式表
wy749929317的博客
04-14 4018
qss样式表是用于设置QT程序UI界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性，美化UI界面，实现界面和程序的分离，可以快速切换皮肤。 1、基本语法 selector { attribute:value } /**************************************************************/ /* 说明： */ /* select...
Qt样式之QSS
Kir1hara的博客
02-15 1058
使用qss文件对Qt进行统一的样式管理
QT粉红色qss样式表
11-08
粉红色QSS样式表的使用方法是在QT程序中加载该样式表文件，然后应用到相应的界面组件上，如窗口、对话框或者控件。 总的来说，"粉红色qss样式表"为QT开发者提供了一种快速改变应用程序界面颜色方案的方式，特别是...
Qt QSS的几种图片显示方式
热门推荐
while(1) { smile(); }
06-10 1万+
大家在使用QSS进行图片设置时，一定被image, border-image, background-image这几个属性困扰过。比如他们之间有什么区别，什么时候该用哪个属性来设置等等。本文就来讲解一下这个几个属性的异同点。 在讲解之前需要大家对Qt的盒子模型有所了解，建议大家先阅读一下《Qt QSS使用》文章中关于盒子模型的部分。 一、background-image background-image按图片实际尺寸显示，超过控件部分会被裁剪，虽能显示SVG，但无法对SVG进行无损缩放； 关于backgr
Qt：QSS语法规则以及使用总结
面条有点辣
03-16 1242
qss使用样式总结。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Pailugou

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值