青色皮肤
表格右下角水平和垂直滚动条交汇处需单独设置cornerWidget,例如:
QLabel *pLabel = new QLabel;
ui.tableWidget->setCornerWidget(pLabel);
青色风格
skin.qss
/*所有窗口控件去除虚线框*/
*{
outline: none; /*去除轮廓虚线框*/
}
/*所有窗口控件禁用状态*/
*:!enabled
{
background-color: #f6f5ec; /*背景颜色*/
border: 1px solid #c3c3c5; /*边框宽度样式及颜色*/
border-radius: 4; /*边框圆角半径*/
color: #c3c3c5; /*字体颜色*/
}
QWidget
{
background-color: #f6f5ec; /*背景颜色*/
/*border: 0px solid #208791; /*边框宽度样式及颜色*/
border-radius: 4; /*边框圆角半径*/
color: #130c0e; /*字体颜色*/
}
/**********************************************菜单栏**************************************************************/
QMenuBar
{
background: #f6f5ec; /*背景颜色*/
border: 0px solid #f6f5ec; /*边框宽度样式及颜色*/
}
/*菜单项*/
QMenuBar::item
{
background: transparent; /*背景透明*/
border: 0px solid #7a7a7a; /*边框宽度样式及颜色*/
padding: 5px 10px 5px 10px; /*内边距 上右下左*/
}
/*鼠标滑过菜单栏item*/
QMenuBar::item:selected
{
background: #50b7c1;
color: #ffffff;
}
/*********************************************下拉菜单*************************************************************/
QMenu
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #208791; /*边框宽度样式及颜色*/
border-radius: 4; /*倒角半径*/
color: #130c0e; /*字体颜色*/
}
/*下拉菜单项*/
QMenu::item
{
background: #f6f5ec; /*背景颜色*/
border-radius: 4; /*倒角半径*/
padding: 0px 30px 0px 30px; /*内边距 上右下左*/
min-height: 30px; /*高度*/
}
/*下拉菜单选中项*/
QMenu::item:selected
{
background: #50b7c1; /*背景颜色*/
color: #ffffff; /*字体颜色*/
}
/*下来菜单分隔线*/
QMenu::separator
{
background: #208791; /*背景颜色*/
margin: 2px 7px 2px 7px; /*内边距 上右下左*/
height: 1px; /*高度*/
}
/*指示器*/
QMenu::indicator
{
padding: 0px 2px 0px 3px; /*内边距 上右下左*/
width: 25px; /*宽度*/
height: 25px; /*高度*/
}
/*指示器选中状态*/
QMenu::indicator:checked
{
image: url(:/QSS/Resources/dagou.png);
}
/*图标*/
QMenu::icon
{
background: transparent; /*背景颜色*/
padding: 0px 2px 0px 10px; /*内边距 上右下左*/
width: 25px; /*宽度*/
height: 25px; /*高度*/
}
/*箭头*/
QMenu::right-arrow
{
padding: 0px 4px 0px 0px; /*内边距 上右下左*/
image: url(:/QSS/Resources/sls_QTreeView_youjiantou.png);
}
QMenu::right-arrow:selected
{
image: url(:/QSS/Resources/sls_QTreeView_xiajiantou_hover.png);
}
/**************************************************工具栏**********************************************************/
QToolBar
{
background: #f6f5ec; /*背景颜色*/
border: none; /*无边框*/
color:#130c0e; /*字体颜色*/
}
/*工具条分隔线*/
QToolBar::separator
{
background: #208791; /*背景颜色*/
margin: 3px 3px 3px 3px; /*外边距 上右下左*/
width: 1px; /*宽度*/
}
/*拖动手柄*/
QToolBar::handle
{
/*image: url(handle.png);*/
/*background: #2e3135; /*背景颜色*/
/*border: 1px dotted #74787c; /*边框宽度样式及颜色*/
}
/*********************************************工具栏上的按钮*********************************************************/
/*工具条按钮普通状态*/
QToolButton
{
background: #50b7c1; /*背景颜色*/
/*border: 0px solid #b1b1b1; /*边框宽度样式及颜色*/
border-radius: 2; /*圆角半径*/
color:#130c0e; /*字体颜色*/
margin: 2px 2px 2px 2px; /*外边距 上右下左*/
height:20; /*高度*/
}
/*鼠标滑过*/
QToolButton:hover
{
background: #50b7c1; /*背景颜色*/
color:#ffffff; /*字体颜色*/
}
/*鼠标按下*/
QToolButton:pressed
{
background: #208791; /*背景颜色*/
color:#ffffff; /*字体颜色*/
}
/*选中状态*/
QToolButton:checked
{
background: #9ACD32; /*背景颜色*/
color:#ffffff; /*字体颜色*/
}
/*鼠标滑过选中状态*/
QToolButton:checked:hover
{
background: #7aad12; /*背景颜色*/
color:#ffffff; /*字体颜色*/
}
/*提示标题*/
QToolTip
{
background: #f6f5ec; /*背景颜色*/
opacity:255; /*透明度*/
border: 1px solid #130c0e; /*边框宽度样式及颜色*/
color:#130c0e; /*字体颜色*/
}
/*******************************************QStatusBar状态栏*************************************************************/
/*常规状态*/
QStatusBar
{
background: #f6f5ec; /*背景颜色*/
border: 2px ridge #005761; /*边框宽度样式及颜色*/
border-radius: 0; /*边框圆角半径*/
color: #130c0e; /*字体颜色*/
margin-right: 0px; /*右外边距*/
}
QStatusBar::item
{
background: transparent; /*透明背景*/
border: 0px solid #7a7a7a; /*边框宽度样式及颜色*/
color: #130c0e; /*字体颜色*/
}
/*针对状态栏内的控件设置样式*/
QStatusBar QLabel
{
/*background: #2e3135; /*背景颜色*/
/*border:1px solid #00ff00;
/*color: #ff0000; /*字体颜色*/
}
/********************************************pushButton按钮************************************************/
/*常规状态*/
QPushButton
{
background: #50b7c1; /*背景颜色*/
opacity : 255; /*背景透明度:0-255 */
border-radius: 2px; /*边框圆角半径,border-left,top,righ,bottom*/
color: #f6f5ec; /*字体颜色*/
min-width:80px; /* 控件最小宽度 */
min-height:23px; /* 控件最小高度 */
}
/*鼠标滑过*/
QPushButton:hover
{
background: #40a7b1; /*背景颜色*/
color: #f6f5ec; /*字体颜色*/
}
/*鼠标按下*/
QPushButton:pressed
{
background: #3097a1; /*背景颜色*/
}
/*选中*/
QPushButton:checked
{
background: #9acd32; /*背景颜色*/
color: #ffffff; /*字体颜色*/
}
/*鼠标滑过选中状态*/
QPushButton:checked:hover
{
background: #8abd22; /*背景颜色*/
color:#ffffff; /*字体颜色*/
}
/*菜单箭头*/
QPushButton::menu-indicator
{
image: url(:/QSS/Resources/sls_QTreeView_xiajiantou_hover.png); /*小箭头图标*/
/*image:none; /*无小箭头*/
padding: 2px 2px 0px 0px; /*内边距 上右下左*/
subcontrol-position: right center; /*滑块位置,left左边,center中部,right右边,top顶,center中部,bottom底*/
subcontrol-origin: padding; /*起始位置位于边缘 margin border padding content*/
}
/*鼠标滑过菜单箭头*/
QPushButton::menu-indicator:hover
{
image: url(:/QSS/Resources/sls_QTreeView_xiajiantou_hover.png); /*小箭头图标*/
padding: 2px 2px 0px 0px; /*内边距 上右下左*/
subcontrol-position: right center; /*滑块位置,left左边,center中部,right右边,top顶,center中部,bottom底*/
subcontrol-origin: padding; /*起始位置位于边缘 margin border padding content*/
}
/*菜单箭头禁用*/
QPushButton::menu-indicator:!enabled
{
image: url(:/QSS/Resources/sls_QTreeView_xiajiantou_Disable.png); /*小箭头图标*/
padding: 2px 2px 0px 0px; /*内边距 上右下左*/
subcontrol-position: right center; /*滑块位置,left左边,center中部,right右边,top顶,center中部,bottom底*/
subcontrol-origin: padding; /*起始位置位于边缘 margin border padding content*/
}
/*禁用*/
QPushButton:!enabled
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #c3c3c5; /*边框宽度样式及颜色*/
color: #c3c3c5; /*字体颜色*/
min-width:80px; /* 控件最小宽度 */
min-height:23px; /* 控件最小高度 */
}
/********************************************lingEdit编辑框*********************************************************/
/*常规状态*/
QLineEdit
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #208791; /*边框宽度样式及颜色*/
color: #130c0e; /*字体颜色*/
border-radius: 4; /*倒角半径*/
min-height:23px; /* 控件最小高度 */
}
/*获取焦点*/
QLineEdit:focus
{
border: 1px solid #50b7c1; /*边框宽度样式及颜色*/
color: #130c0e; /*字体颜色*/
}
/*鼠标滑过*/
QLineEdit:hover
{
border: 1px solid #50b7c1; /*边框颜色*/
}
/*只读状态*/
QLineEdit:read-only
{
background:#d6d5cc; /*背景颜色*/
color: #635c5e; /*字体颜色*/
}
/********************************************textEdit文本框*******************************************************/
/*常规状态*/
QTextEdit
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #208791; /*边框宽度样式及颜色*/
color: #130c0e; /*字体颜色*/
}
/*获取焦点*/
QTextEdit:focus
{
border: 1px solid #50b7c1; /*边框宽度样式及颜色*/
color: #130c0e; /*字体颜色*/
}
/*鼠标滑过*/
QTextEdit:hover
{
border: 1px solid #50b7c1; /*边框宽度样式及颜色*/
}
/**************************************************textBrowser*************************************************************/
/*常规状态*/
QTextBrowser
{
background: #e6e5dc; /*透明背景*/
color: #130c0e; /*字体颜色*/
}
/**************************************************label静态文本*************************************************************/
/*常规状态*/
QLabel
{
background: transparent; /*透明背景*/
color: #130c0e; /*字体颜色*/
}
QLabel#TitleContent,#TitleIcon
{
background: transparent; /*透明背景*/
color: #130c0e; /*字体颜色*/
}
/****************************************************checkBox复选按钮********************************************************/
/*常规状态*/
QCheckBox
{
color: #130c0e; /*字体颜色*/
spacing: 2px; /*文本与指示器的间隔*/
}
/*选中*/
QCheckBox:checked
{
color: #1d953f; /*字体颜色*/
}
/*半选中*/
QCheckBox:indeterminate
{
color: #f47920; /*字体颜色*/
}
/*鼠标滑过未选中状态*/
QCheckBox:hover
{
color: #65c294 /*字体颜色*/
}
/*鼠标滑过选中状态*/
QCheckBox:hover:checked
{
color: #65c294 /*字体颜色*/
}
/*鼠标滑过半选中状态*/
QCheckBox:hover:indeterminate
{
color: #faa755 /*字体颜色*/
}
/*未选中时的禁用状态*/
QCheckBox:!enabled
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #f6f5ec; /*边框宽度样式及颜色*/
color: #c3c3c5; /*字体颜色*/
}
/*选中时的禁用状态*/
QCheckBox:checked:!enabled
{
color: #c3c3c5; /*字体颜色*/
}
/*指示器选中时的禁用状态*/
QCheckBox:indeterminate:!enabled
{
color: #c3c3c5; /*字体颜色*/
}
/*****************************************************radioButton单选按钮*********************************************/
/*常规状态*/
QRadioButton
{
color: #130c0e; /*字体颜色*/
spacing: 2px; /*文本与指示器的间隔*/
}
/*选中*/
QRadioButton:checked
{
color: #1d953f; /*字体颜色*/
}
/*鼠标滑过未选中状态*/
QRadioButton:hover
{
color: #938c8e; /*字体颜色*/
}
/*鼠标滑过选中状态*/
QRadioButton:hover:checked
{
color: #65c294
}
/*未选中时文本禁用状态*/
QRadioButton:!enabled
{
background: #f6f5ec; /*背景颜色*/
border: 1px solid #f6f5ec; /*边框宽度样式及颜色*/
color: #c3c3c5; /*字体颜色*/
}
/*选中时禁用状态*/
QRadioButton:checked:!enabled
{
color: #c3c3c5; /*字体颜色*/
}
/*指示器常规图标*/
QRadioButton::indicator
{
image: url(:/QSS/Resources/sls_radioButton_off.png);
}
/*指示器选中状态图标*/
QRadioButton::indicator:checked
{
image: url(:/QSS/Resources/sls_radioButton_on.png);
}
/*指示器禁用状态图标*/
QRadioButton::indicator:!enabled
{
image: url(:/QSS/Resources/sls_radioButton_off_Disable.png);
}
/*指示器选中时禁用状态图标*/
QRadioButton::indicator:checked:!enabled
{
image: url(:/QSS/Resources/sls_radioButton_on_Disable.png);
}
/******************************************************comboBox下拉列表框*********************************************/
/*常规状态*/
QComboBox
{
background: #50b7c1; /*背景颜色*/
border: 1px solid #50b7c1; /*边框宽度样式及颜色*/
border-radius: 4; /*圆角半径*/
color: #f6f5ec; /*字体颜色*/
min-width:100px; /*最小宽度*/
padding: 1px 18px 1px 3px; /* 字体填衬 */
font: normal normal 12px "Microsoft YaHei"; /*字体及大小*/
}
/*下拉选择项背景颜色*/
QComboBox QAbstractItemView
{
outline: 0px solid gray; /* 选定项的虚框 */
background: #107781; /*背景颜色*/
border: 1px solid #64686c; /*边框宽度样式及颜色*/
color: #f6f5ec; /*字体颜色*/
selection-background-color: rgba(105,153,158,150); /*选中项的背景颜色及透明度*/
selection-color: #ffffff; /*选中时的字体颜色*/
}
/*常规箭头图片*/
QComboBox::down-arrow
{
image: url(:/QSS/Resources/sls_comboBox.png); /*资源文件夹里的图片*/
}
/*禁用时箭头图片*/
QComboBox::down-arrow::!enabled
{
image: url(:/QSS/Resources/sls_comboBox_Disable.png); /*资源文件夹里的图片*/
}
/*箭头位置及去除背景*/
QComboBox::drop-down
{
background: transparent; /*背景透明*/
/*border: 0px solid #74787c; /*边框宽度样式及颜色*/
width: 20px; /*箭头距离右边框位置*/
subcontrol-origin: padding; /* 子控件在父元素中的原点矩形。如果未指定此属性,则默认为padding。 */
subcontrol-position: top right; /* 下拉框的位置(右上) */
border-left-width: 1px; /* 下拉框的左边界线宽度 */
border-left-color: darkgray; /* 下拉框的左边界线颜色 */
borde