QT界面设计记录

云在南

已于 2023-11-29 19:53:38 修改

阅读量145

点赞数

分类专栏： Qt 文章标签： qt

于 2023-08-26 17:07:33 首次发布

本文链接：https://blog.csdn.net/m0_66941968/article/details/132507462

版权

Qt 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了如何在Qt中设置QPushButton的背景颜色、边框样式，包括圆角、透明度，以及QToolButton、QTabWidget、QFrame和表格控件的尺寸和字体大小，还展示了如何使用findChild方法获取控件

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

QPushButton背景设置

效果图：

方式一：

对所有QPushButton控件边框圆角半径与背景颜色设置，再将名为pushButtonClose（不想设置或者有其他方案设置）的QPushButton控件设为无背景（其他背景）（hover：悬停，！hover：未悬停）

（若要设置透明度在rgb（）后写上第四位参数即可。）

background-color:rgb(180,100,143,128); （第四位0~255：透明度设置）

QPushButton:!hover
{
	border-radius:10px;						//对所有QPushButton控件边框圆角半径与背景颜色设置	hover：悬停，！hover：未悬停
	background-color:rgb(180,255,143);		
}
QPushButton:hover
{
	border-radius:10px;			
	background-color:rgb(180,100,143);
}
QPushButton#pushButtonClose					//将名为pushButtonClose的QPushButton控件设为无背景
{
	background:none;
}

方式二：

对想设置的QPushButton控件选择再进行设置边框圆角半径与背景颜色设置

QPushButton#BtnCancel:hover,
#BtnOK:hover
{
	border-radius:10px;
	background-color:rgb(180,100,143);
}

QPushButton#BtnCancel:!hover,
#BtnOK:!hover
{
	border-radius:10px;
	background-color:rgb(255,255,143);
}

QToolButton实现无边框设置

QToolButton
{
	border-style: flat;        //无边框，背景透明
	background: transparent;
}

效果图：

QTabWidget 的tab大小设置

无论你的QTabWidget有几页，无论你的tab叫什么名字；

修改时都用：QTabBar::tab 进行修改

QTabBar::tab {
    width: 150px;      /* 使用像素作为宽度单位 */
    height: 60px;     /* 使用像素作为高度单位 */
}

QFrame 边框与颜色设置

先在UI界面勾选frame，在样式表中进行设置

border: 2px solid red    /*2px粗，实线，单色*/

border: 2px solid qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 red, stop:0.5 green, stop:1 blue);;	/*渐变*/

border: 2px solid rgb(50, 50, 50);    /*RGB设置*/

QTableView表格字体大小设置

在相应的构造函数中进行设置，tableExtIn为控件名（自行更改）

	ui->tableExtIn->setFont(QFont("Microsoft YaHei", 28));
	ui->tableExtIn->setStyleSheet("QHeaderView {font-size: 28px;}");

QTableWidget表格字体大小设置

在相应的构造函数中进行设置，tableWidget_Out为控件名（自行更改）

	QFont font;
	font.setPixelSize(28); // 设置字号为28像素
	for(int i=0;i<ui->tableWidget_Out->rowCount();i++)
	{
		ui->tableWidget_Out->verticalHeaderItem(i)->setFont(font);
	}
	for(int i=0;i<ui->tableWidget_Out->columnCount();i++)
	{
		ui->tableWidget_Out->horizontalHeaderItem(i)->setFont(font);
	}

findChild（）获取界面上的控件

查找UI控件。在指定的对象及其子对象中查找具有指定名称和类型的子对象

    Slot_Para[i].Slot_Para_Depth = (ui->widget_2->findChild<QDoubleSpinBox*>(QString("DS_X%1").arg(i)))->value();
    Slot_Para[i].Slot_Para_Pos =   (ui->widget_2->findChild<QDoubleSpinBox*>(QString("DS_Y%1").arg(i)))->value();
    Slot_Para[i].Slot_Para_Width = (ui->widget_2->findChild<QDoubleSpinBox*>(QString("DS_W%1").arg(i)))->value();