?聲明：本文章內(nèi)容，僅僅是為了方便自己以后回來(lái)查看，因此會(huì)持續(xù)更新莉测，不斷收錄！
一唧喉、QTabWidget
QTabWidget::pane{
border-width:1px;
border-style:solid;
border-color:rgb(1, 124, 217);
background:transparent;
}
QTabWidget::tab-bar{
? ? alignment:left;
}
QTabBar::tab{
/*background-color: rgb(1, 124, 217); */ /*淺藍(lán)色*/
background-color: rgb(4, 116, 191);? /*深藍(lán)色*/
color:white;
min-width:30px;
min-height:10px;
border: 0px;
padding:5px;
}
QTabBar::tab:selected{
border-color: white;
background-color: rgb(238, 159, 0); /*橘黃色*/
color:white;
}
QTabBar::tab:!selected {
margin-top: 5px;
}
效果如下：
二悔雹、QTableWidget以及QScrollBar
QTableWidget
{
? ? color:black;? ? /*前景色：文字顏色*/
? ? /*gridline-color:red;? */? ? /*表格中的網(wǎng)格線條顏色*/
? ? background:white;
? ? /*設(shè)置交替顏色，需要在函數(shù)屬性中設(shè)置:tableWidget->setAlternatingRowColors(true)*/
? ? alternate-background-color:rgb(211, 211, 211);
? ? /*border:1px solid gray;*/? /*邊框線的寬度欣喧、顏色*/
? ? border:none;? ? /*去除邊界線*/
}
/*設(shè)置表頭屬性*/
QHeaderView::section {
background-color: rgb(4, 116, 191);? /*藍(lán)色*/
? ? color: white;
? ? padding-left: 4px;
border:none;? ? /*去除邊界線*/
}
/******************************************************/
另外代碼里設(shè)置好QTableWidget的其他屬性：
void EventRecordDlg::initTableWdgt(QTableWidget* tableWidget,int hWidth1,int hWidth2,int hWidth3,int hWidth4)
{
? ? /*!
? ? * 設(shè)置編輯框的垂直滑動(dòng)條的樣式
? ? * (注意，此處QSS設(shè)置效果在設(shè)計(jì)器里手動(dòng)設(shè)置代碼運(yùn)行時(shí)無(wú)效果)
? ? */
? ? QString str = "QScrollBar:vertical{max-width: 18px;background-color: transparent;padding-top: 19px;padding-bottom: 19px;}"
? ? ? ? ? ? ? ? ? "QScrollBar::handle:vertical {width: 18px;min-height: 40px;background-color: rgb(4, 116, 191); /*深藍(lán)色*/}"
? ? ? ? ? ? ? ? ? "QScrollBar::handle:vertical:hover {background-color: rgb(238, 159, 0); /*橘黃色*/}"
? ? ? ? ? ? ? ? ? "QScrollBar::sub-line:vertical {height: 18px;width: 18px;background-color: rgb(0, 136, 204);subcontrol-position: top;}"
? ? ? ? ? ? ? ? ? "QScrollBar::add-line:vertical {height: 18px;width: 18px;background-color: rgb(0, 136, 204);subcontrol-position: bottom;}"
? ? ? ? ? ? ? ? ? "QScrollBar::sub-line:vertical:hover {background-color: rgb(238, 159, 0); /*橘黃色*/}"
? ? ? ? ? ? ? ? ? "QScrollBar::add-line:vertical:hover {background-color: rgb(238, 159, 0); /*橘黃色*/}"
? ? ? ? ? ? ? ? ? "QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical {background: rgb(220, 220, 220);}";
? ? tableWidget->setColumnCount(5);
? ? tableWidget->horizontalHeader()->setVisible(true);
? ? tableWidget->verticalHeader()->setVisible(false);
? ? tableWidget->setColumnWidth(0,hWidth1);
? ? tableWidget->setColumnWidth(1,hWidth2);
? ? tableWidget->setColumnWidth(2,hWidth3);
? ? tableWidget->setColumnWidth(3,hWidth4);
? ? tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); //設(shè)置表格無(wú)法編輯
? ? tableWidget->setSelectionMode(QAbstractItemView::NoSelection); //設(shè)置表格無(wú)法選擇
? ? tableWidget->setAlternatingRowColors(true); //設(shè)置表格允許行交替顏色
? ? tableWidget->horizontalHeader()->setHighlightSections(false); //解決表頭塌陷問(wèn)題:點(diǎn)擊表格時(shí)不對(duì)表格行光亮（獲取焦點(diǎn)）
? ? //tableWidget->setItemDelegate(new NoFocusDelegate(this->parent())); //解決鼠標(biāo)點(diǎn)擊的選項(xiàng)會(huì)出現(xiàn)虛框問(wèn)題梯找，此處NoFocusDelegate是自定義的類(lèi)
? ? tableWidget->horizontalHeader()->setStyleSheet("QHeaderView::section {background-color: rgb(4, 116, 191);"
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "color: white;padding-left: 4px;border: none;}");
? ? tableWidget->verticalScrollBar()->setStyleSheet(str);
? ? tableWidget->verticalScrollBar()->scroll(40, 20);
? ? tableWidget->horizontalHeader()->setDisabled(true);
? ? tableWidget->horizontalHeader()->setSectionsMovable(false);
? ? tableWidget->horizontalHeader()->setSectionsClickable(false);
? ? tableWidget->hideColumn(4); //隱藏第五行唆阿，事件碼event id
}
運(yùn)行效果如下：
三、QComboBox?
QComboBox {
? ? border: 1px solid gray;
? ? /*border-radius: 3px;*/
? ? padding: 1px 2px 1px 2px;? /*針對(duì)于組合框中的文本內(nèi)容*/
? ? /*min-width: 9em;*/? /*組合框的最小寬度*/
}
QComboBox::drop-down {
? ? subcontrol-origin: padding;
? ? subcontrol-position: top right;
? ? /*width: 20px;*/
? ? border-left-width: 1px;
? ? border-left-color: darkgray;
? ? border-left-style: solid;
? ? /*border-top-right-radius: 3px;
? ? border-bottom-right-radius: 3px;*/
background-color: rgb(234, 234, 234);
}
QComboBox::down-arrow {
border-image: url(:/HTP_Images/images/img_arrow1.png);
}
運(yùn)行效果如下：
四锈锤、QPushButton
QPushButton
{
color: rgb(255, 255, 255);
border-image: url(:/HTP_Images/images/im_btnNoSelect.png);
? ? border:none;
? ? padding: 5px;
? ? outline: none;
}
QPushButton:pressed
{
border-image: url(:/HTP_Images/images/im_btnSelect.png);
? ? padding-top: -15px;
? ? padding-bottom: -17px;
}
運(yùn)行效果如下：
五驯鳖、QLineEdit
QLineEdit{
? ? border: 1px solid gray;
? ? padding: 1px 2px 1px 2px;
}
QLineEdit:hover{
border:1px solid blue;
background-color: rgb(85, 255, 0);
}
運(yùn)行效果如下：
六、QGroupBox
QGroupBox{
border: 1px solid rgb(1, 124, 217);;
border-radius: 4px;
margin-top: 7px;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
left:14px;
padding: 0 5px;
}
運(yùn)行效果如下：
