Qt的qss一些使用

Qt页面设计的一些使用方法

在属性的下方有styleSheet在里面可以使用文本编译
切记注意类的大小写，对象名称是否正确,若设置之后样式未发生改变，则可能是类的大小写或者对象写错！！！！

背景设计

类#对象
{
	实现内容;
}

例如：
1、给界面上的widget设计纯白的背景

//QWidget 会有一些hover或者disabled效果可以添加
QWidget#widget
{	
	background:#FFFFFF;
}

2、给label设计背景或者给label里的字设置字体

QLabel

QLabel#label
{
	/*color:red;*/			/*设置字体为红色*/
	color:#FFFFFF;			/*设置字体为白色*/
	font-family:Fang Song;	/*字体*/
	font-style:normal;		/*字体风格*/
	font-size:15xp;			/*字体大小*/
	font-aligne:left;		/*水平对齐方式*/
	vertical-align:top;		/*垂直对齐方式*/
	background:transparent;	/*设置背景为透明*/
	border-image:url(“路径”);	/*给label加载图片PushButton方法同样*/
}

3、给按钮添加样式

QPushButton

QPushButton#对象名称
{
	/*颜色，字体，字号,对齐方式类同于2的label*/
	border:1px solid #000000;		/*设置边框1px且颜色为黑色*/
	background-color:red;			/*设置背景颜色*/
	border-top-left-radius:10px;	/*设置左上角为圆角半径为10个像素*/
	border-radius:10px;				/*设置全部角为圆角像素为10px*/
	padding-top:10px;				/*设置字体离上边框为10px像素*/
	image:url("路径");				/*设置按钮背景图片*/
	background-color:qlineargradient(x1:0,y1:0,x2:0,y2:1,stop:0 #000000,stop:1 #FFFFFF);
									/*设置垂直渐变色*/
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 #000000, stop:1 #FFFFFF);
									/*从左到右设置渐变色*/
	/*设置Icon在右边文字在左边*/
	background-origin: content;
	padding-right:4px;
    image-position: right;
    background-repeat: no-repeat;
	image:url("");
	
}
QPushButton#对象名称,#对象名称2:disable/*:pressed:checked:hover*/
{	
	/*如果有几个按钮对象要设置一样的格式，则可以在后面加,#对象名称*/
	/*:pressed为设置按钮按压的状态时字体显示。我们可以给同一个按钮写几个不同的状态，如pressed时，hover时的显示样式*/
	/*可类同于label*/
	/*....*/
}

QLineEdit

QLineEdit::focus		//点击LineEdit的时候LineEdit的背景变化设置
QLineEdit
{
	background-color:#FFFFFF;
	border-radius:4px;
	color:#404040;
	padding-left:40px;
	border:1px solid #6F9C29;
	selection-color: #FFFFFF;						//选中字体的时候字体颜色
	selection-background-color:#A9C47F;	//选中字体颜色背景
}

QTableWidget

QTableWidget                   
{
	outline:none;
    color: ;
	font: 18px;
	border:0px;
	font-family:;
	background-color:;						//背景颜色
	alternate-background-color: #F5F6F6;	//交叉颜色
}
QTableWidget::item							//item 样式
{
	
}
QTableWidget#控件名字::item::selected	//选中时候的背景色
{
	background-color:#;
	outline:0px;
	color: #FFFFFF;
}

QScrollBar

/*整个垂直滚动条区域样式*/
QScrollBar:vertical
{
	/*若要隐藏原来QTableWidget或其他的原本滑动条，可以设置该width:0px;*/
	/*使用代码生成的控件，在设置背景透明的时候可能显示为黑色，此时可以在代码中调用下两句代码：*/
	/*setWindowOpacity(1);*/
	/*setAttribute(Qt::WA_TranslucentBackground);*/

	background-color:#FFFFFF;	/*滑槽颜色，可设置透明*/
	padding-top:30px;/*设置边距*/
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
}  
/*滚动条上面和下面区域样式*/
QScrollBar::add-page:vertical
{
	/*划过区域颜色*/
	background-color:#E3AE4F;
}
QScrollBar::sub-page:vertical
{
	/*未划过区域颜色*/
	background-color:#E2E3E5;
}         
/*滑块区域样式*/
QScrollBar::handle:vertical
{
	/*滑块样式*/
}    
 
/*滑块的悬浮和拖动样式样式*/
QScrollBar::handle:vertical:hover,QScrollBar::handle:vertical:pressed
{
	/*滑块互动样式*/
}
 
/*向上箭头样式*/
QScrollBar::sub-line:vertical
{
	/*设置上方滑块样式且可以设置图片*/
	height:30px;
	width:30px;
}
 
/*向上箭头悬浮和拖动样式*/
QScrollBar::sub-line:vertical:hover,QScrollBar::sub-line:vertical:pressed
{
	/*上方箭头交互样式*/
}
 
/*向下箭头样式*/
QScrollBar::add-line:vertical
{
	/*设置下方滑块样式且可以设置图片*/
	height:30px;
	width:30px;
}
 
/*向下箭头悬浮和拖动样式*/
QScrollBar::add-line:vertical:hover,QScrollBar::add-line:vertical:pressed
{
	/*下方箭头交互样式*/
}