一、qtablewidget樣式表

1、背景顏色設(shè)置


QTableWidget{
  background-color: #F5F5F5; 
  selection-background-color: #FA8072;
}


2、表格線顏色和寬度設(shè)置

QTableWidget{
  gridline-color: black;
  gridline-width: 2px;
}

3、單元格內(nèi)文字對齊方式設(shè)置

QTableWidget{
  qproperty-alignment: AlignCenter|AlignVCenter;
}


二、qt的tabwidget
1、tab標(biāo)簽樣式設(shè)置

QTabBar::tab {
  background-color: #F5F5F5;
  color: #434343;
  padding: 8px;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

QTabBar::tab:selected {
  background-color: #FA8072;
  color: #FFFFFF;
}

2、tab內(nèi)容樣式設(shè)置

QWidget {
  background-color: #FFFFFF;
  border: 2px solid #FA8072;
  border-top: none;
}

QWidget#tab_1 {
  background-color: #F5F5F5;
}

QWidget#tab_2 {
  background-color: #FFFFFF;
}

QWidget#tab_3 {
  background-color: #F5F5F5;
}

3、tab間距設(shè)置

QTabWidget::pane {
  border: 2px solid #FA8072;
}
QTabWidget::tab-bar {
  margin-top: 2px;
}


三、qtabwidget隱藏tab
1、方法一：設(shè)置某個標(biāo)簽頁不可見

QTabWidget::tab-bar {
  alignment: center;
}

QTabWidget::tab {
  border: none;
}

QTabWidget::tab:!selected {
  margin-top: 15px;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
}

當(dāng)某個tab不能選擇時，就像該tab不存在一樣，可以將它隱藏

2、方法二：隱藏整個tab欄

QTabWidget::tab-bar {
  visibility: hidden;
}

可以將整個tab bar隱藏，顯示選項卡只需要將tab得到焦點

四、qttablewidget排序
1、啟用表頭排序功能

QTableView::sorted-header {
  color: #FA8072;
}

2、表頭排序箭頭顏色設(shè)置

QHeaderView::up-arrow {  /* 箭頭向上 */
  width: 14px;
  height: 14px;
  background-image: url(up.png);
  subcontrol-position: center right;
}

QHeaderView::down-arrow {  /* 箭頭向下 */
  width: 14px;
  height: 14px;
  background-image: url(down.png);
  subcontrol-position: center right;
}


五、qtabwidget設(shè)置表頭選取
1、設(shè)置表頭選取方式

QHeaderView::section {
  background-color: #FA8072;
  color: #FFFFFF;
  padding: 4px;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

QTableView::item:focus {
  background-color: #F5F5F5;
}

2、啟用行選取功能

QTableView::item:selected:active {
  background-color: #FA8072;
  color: #FFFFFF;
}

QTableView::item:selected:!active {
  background-color: #F5F5F5;
}


以上就是對qtabwidget樣式的詳細介紹，根據(jù)自己的需求，可以靈活運用不同樣式組合出自己想要的效果。

久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

QTabWidget樣式詳解