【pyqt】Table表格样式设计

最新推荐文章于 2024-07-31 23:05:58 发布

La Nave

最新推荐文章于 2024-07-31 23:05:58 发布

阅读量376

点赞数

分类专栏：前端学习 pyqt 文章标签： pyqt

本文链接：https://blog.csdn.net/qq_44730284/article/details/132824952

版权

前端学习同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

pyqt

1 篇文章 0 订阅

订阅专栏

文章详细描述了如何使用Qt库为表格和进度条自定义样式，包括设置滚动条、选中项样式、以及QTableWidget和QSlider的外观调整。

摘要由CSDN通过智能技术生成

1、Table表格样式设计：

参考文章

	self.tableWidget.verticalScrollBar().setStyleSheet("""
	       QScrollBar::handle:vertical
	           {margin:-3px 0 -3px 0;
	               background: rgb(145, 145, 145);
	               border: 0px solid grey;
	               border-radius:5px;
	               width: 10px;
	           }
	       QScrollBar
	           {
	
	           padding:40px 0px 0px 0px;
	           background-color:rgb(56, 61, 93);  //上方多余处 的背景颜色，搭配handle的margin负值使用
	           }
	       QScrollBar::vertical
	           {
	               border-style: solid;
	               border-color: rgba(255, 255, 255, 10%);
	               width: 12px;
	           }
	       QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
	           {
	               background:rgb(232, 232, 232);
	           }
	       QScollBar::add-line:vertical, QScrollBar::sub-line:vertical
	           {
	               background:transparent;  //设置上和下方的箭头标
	           }""")
	self.tableWidget.horizontalScrollBar().setStyleSheet("""
	         QScrollBar::handle:horizontal
	          {
	              background: rgb(145, 145, 145);
	              border: 0px solid grey;
	              border-radius:5px;
	              height: 10px;
	          }
	          QScrollBar::horizontal
	          {
	              border-style: solid;
	              border-color: rgba(255, 255, 255, 10%);
	              height: 12px;
	          }
	          QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
	          {
	              background:rgb(232, 232, 232);
	          }
	    
	          QScollBar::add-line:horizontal, QScrollBar::sub-line:horizontal
	          {
	              background:transparent;
	           }""")

	self.tableWidget.setStyleSheet("""
	        QTableWidget{
	           alternate-background-color:rgba(219, 219, 225,0.8);
	           background-color:white;
	           border-radius:5px;
	         }
	       QTableWidget::item:selected
	        {
	            color: #FFFFFF;
	            background-color: #131E2F;
	        }
	       QHeaderView::section
	       {
	           border:0px;
	           border-image: url(:/images/expand/tempUser_headBg2.png);
	           height: 40px;
	           color:rgb(253, 253, 253);
	           background-color:rgb(56, 61, 93);
	           font: 14px \"微软雅黑\";
	       }
	       """)
       
    #设置item居中：
	for i in range(self.row):  # 遍历行
	    for j in range(self.vol):  # 遍历列
	        a = QtWidgets.QTableWidgetItem(str(data[i][j]))
	        self.tableWidget.setItem(i, j, a)  # 转换后可插入表格
	        a.setTextAlignment(Qt.AlignHCenter | Qt.AlignVCenter)  //重点
	        self.create_button(i)

2、进度条样式设计：

	QSlider::groove:horizontal { //设置进度条底部
	     border: none;
	     height: 10px; 
	     background-color: rgb();
	     margin: 0px 0;
	     border-radius: 5px;
	 }
	 QSlider::handle:horizontal {  //设置进度条按钮
	     background: rgb(71, 161, 249);
	     border:none;
	     width: 10px;
	     margin:0px 0 0 0px; 
	     border-radius: 5px;
	 }
	QSlider::sub-page{    //设置进度条已经划过去的地方                     
	    background:rgb(71, 161, 249);
	    border-radius: 5px;
	}
	QSlider::add-page{ //设置进度条还没有滑上去的地方 
	    background:rgb(213, 230, 248);
	    border-radius: 5px;
	}""")