QT样式表各类控件操作

一、QLabel

1、背景颜色与倒圆角：

background-color:#4872BC;
border-radius:12px

label控件效果；

2、字体颜色：

color: #B1B1B1;

字体颜色改变效果；

3、直接设置字体：

font: 12pt "Arial Narrow";//设置为pt的格式大小

font-size:24px;//设置为像素点格式的字体大小

 二、进度条——QSlider

/* 需要先设置groove，水平滑动条*/
QSlider#horizontalSlider::groove:horizontal {
    border: none;
    height: 6px;
    border-radius: 3px;
    background: lightgray;
}
QSlider#horizontalSlider::handle:horizontal {
    border: none;
    margin: -5px 0px; /* 上下边距和左右边距*/
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #0655C5;

}
/*划过部分*/
QSlider#horizontalSlider::sub-page:horizontal {
    background: #0655C5;
    height: 4px;
    border-radius: 3px;
}
/*未划过部分*/
QSlider#horizontalSlider::add-page:horizontal {
    background: #071B45;
    height: 4px;
    border-radius: 3px;
}

.ui的效果图；

 进度条命名名称；

 进度条运行后拉动效果；

 三、QCeckBox(利用背景图片，可做成按钮切换的样式)

QCheckBox::indicator {
	width: 57px; height: 28px; 
}
QCheckBox::indicator:unchecked{
	background:url(:/sepsis_image/Button_off.png);
}
QCheckBox::indicator:checked{
	background:url(:/sepsis_image/Button_on.png);
}

.ui的效果图；

 点击之后；

 四、QPushButton:

(1)

QPushButton{
	background-color: #4872BC;
	color: #FFFFFF;
	border-radius:12px
}

/*按下*/
QPushButton:pressed{
	background-color: #1148C1;
	color: #6BDCFB;
	border-radius:12px
}

未按下时；

按下后； 

(2)

border-image: url(:/sepsis_image/RedRound.png);/*插入红色圆圈图片*/
color:#FFFFFF;
font-size:16px;
background:transparent;/*背景透明*/