qt 布局

原创已于 2024-11-28 09:12:56 修改 · 475 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#qt #数据库 #开发语言

于 2024-11-20 14:51:07 首次发布

qt -ui 专栏收录该内容

284 篇文章

订阅专栏

Qt中的布局（Layout）是一种用于管理和排列界面上组件（控件）的方式，它使得界面组件能够有规律地分布，并且随着窗体大小变化自动调整大小和相对位置。Qt的布局功能基于QLayout类，并派生出多种布局管理器以满足不同场景的需求。以下是对Qt中几种常用布局管理器的详细介绍：

1. 水平布局（QHBoxLayout）

特点：将控件水平排列，从左到右依次放置。
使用场景：适用于需要将多个控件在一行内水平排列的情况。
示例代码：

QHBoxLayout *layout = new QHBoxLayout;
QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");
QPushButton *button3 = new QPushButton("Button 3");
layout->addWidget(button1);
layout->addWidget(button2);
layout->addWidget(button3);
QWidget window;
window.setLayout(layout);
window.show();

2. 垂直布局（QVBoxLayout）

特点：将控件垂直排列，从上到下依次放置。
使用场景：适用于需要将多个控件在一列内垂直排列的情况。
示例代码：

QVBoxLayout *layout = new QVBoxLayout;
QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");
QPushButton *button3 = new QPushButton("Button 3");
layout->addWidget(button1);
layout->addWidget(button2);
layout->addWidget(button3);
QWidget window;
window.setLayout(layout);
window.show();

3. 网格布局（QGridLayout）

特点：将控件放置在一个二维网格中，可以精确控制每个控件的位置和大小。
使用场景：适用于需要复杂布局，如表格或表单的情况。
示例代码：

QGridLayout *layout = new QGridLayout;
QPushButton *button1 = new QPushButton("Button 1");
QPushButton *button2 = new QPushButton("Button 2");
QPushButton *button3 = new QPushButton("Button 3");
QPushButton *button4 = new QPushButton("Button 4");
layout->addWidget(button1, 0, 0); // 第一行第一列
layout->addWidget(button2, 0, 1); // 第一行第二列
layout->addWidget(button3, 1, 0); // 第二行第一列
layout->addWidget(button4, 1, 1); // 第二行第二列
QWidget window;
window.setLayout(layout);
window.show();

4. 表单布局（QFormLayout）

特点：将控件成对排列，左侧为标签（QLabel），右侧为输入控件（如QLineEdit、QComboBox等）。
使用场景：适用于创建表单界面，如用户登录、注册等场景。
示例代码：

QFormLayout *layout = new QFormLayout;
QLineEdit *lineEdit1 = new QLineEdit("LineEdit 1");
QLineEdit *lineEdit2 = new QLineEdit("LineEdit 2");
layout->addRow("Label 1:", lineEdit1);
layout->addRow("Label 2:", lineEdit2);
QWidget window;
window.setLayout(layout);
window.show();

5. 堆栈布局（QStackedLayout）

特点：将多个控件堆叠在一起，但一次只有一个控件可见。用户可以通过某种方式（如标签页）切换不同控件或页面。
使用场景：适用于需要创建多个页面，但一次只显示一个页面的情况。
示例代码：

QStackedLayout *layout = new QStackedLayout;
QLabel *label1 = new QLabel("This is page 1");
QLabel *label2 = new QLabel("This is page 2");
layout->addWidget(label1);
layout->addWidget(label2);
QWidget window;
window.setLayout(layout);
window.show();