QTreeWidget基本属性操作

原创已于 2023-08-17 21:00:09 修改 · 2.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#qt

于 2023-08-15 16:26:30 首次发布

QT 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了在QT设计中如何通过样式表设置QHeaderView的背景颜色和边框，包括无边框、虚线、实线、3D效果以及不同边框样式（groove、ridge、inset和outset）的演示和对比。

文章目录

一、背景设置
二、信号

一、背景设置

1、添加背景颜色之前与之后的对比

在这里插入图片描述

1.2背景设置的两种方式

通过QT设计界面中的改变样式表进行属性配置，如图所示
在这里插入图片描述
在代码中：

setStyleSheet("QHeaderView::section{ background-color: rgb(170, 170, 127);}");

2、边框设置

头部除了背景色可以设置还有很多的参数可以设置
例如：添加背景图、修改渐变色、字体以及边框等
头部边框属性设置，效果如图所示
在这里插入图片描述
实现方法：

#Qss示例：对边框的线宽以及背景颜色进行了配置
QHeaderView::section
{ 
border: 3px solid qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 178, 102, 255), stop:0.55 rgba(235, 148, 61, 255), stop:0.98 rgba(0, 0, 0, 255), stop:1 rgba(0, 0, 0, 0));
}

border 边框属性设置,基本参数（来源网络）
在这里插入图片描述

2.1、演示以上参数的实际效果

2.1.1、无边框、虚线、实线边框演示

QHeaderView::section
{ 
border: none;

}

右边设置的无边框
在这里插入图片描述

//Qss:虚线边框：
QHeaderView::section
{ 
border-width:2px;
border-style:dashed;
border-color: rgb(170, 170, 0);

}
//线宽不要使用默认值，显示不出虚线的效果，还可以对单个的边进行设置
QHeaderView::section
{ 
border-width:2px;
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dashed;
border-left-style:solid;

}

效果图：
在这里插入图片描述

//Qss:双边框：
QHeaderView::section
{ 
border-style:double;
border-width:5px;
}

效果图（双边框与虚线边框的对比）：
在这里插入图片描述

2.1.2、边框的3D效果

//groove  这里背景设置了一个渐变色
QHeaderView::section
{ 
border: 8px groove qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 178, 102, 255), stop:0.55 rgba(235, 148, 61, 255), stop:0.98 rgba(0, 0, 0, 255), stop:1 rgba(0, 0, 0, 0));

}

效果图（与虚线边框对比）：
在这里插入图片描述

//ridge
QHeaderView::section
{ 

border: 8px ridge qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 178, 102, 255), stop:0.55 rgba(235, 148, 61, 255), stop:0.98 rgba(0, 0, 0, 255), stop:1 rgba(0, 0, 0, 0));
}

效果图：
在这里插入图片描述

//inset
//Qss:
QHeaderView::section
{ 
border: 8px inset rgb(106, 106, 106);
}

效果图（右边ridge 与左边inset 对比）：
在这里插入图片描述

//outset
//Qss
QHeaderView::section
{ 
border: 8px outset rgb(106, 106, 106);
}

效果图（右边outset 左边inset对比）：
在这里插入图片描述