免费可以看的无遮挡av无码|国产在线拍揄自揄视频网站|在线无码精品视频播放在|欧美亚洲国产成人精品,国产成人久久77777精品,亚洲欧美视频在线观看,色偷偷色噜噜狠狠网站久久

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > QTabWidget樣式詳解

QTabWidget樣式詳解

來源:千鋒教育
發(fā)布人:xqq
時(shí)間: 2023-11-23 16:15:15 1700727315

一、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è)置某個(gè)標(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)某個(gè)tab不能選擇時(shí),就像該tab不存在一樣,可以將它隱藏

2、方法二:隱藏整個(gè)tab欄


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

可以將整個(gè)tab bar隱藏,顯示選項(xiàng)卡只需要將tab得到焦點(diǎn)

四、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樣式的詳細(xì)介紹,根據(jù)自己的需求,可以靈活運(yùn)用不同樣式組合出自己想要的效果。
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT