您现在的位置是:首页 >其他 >QT QHBoxLayout 水平布局控件网站首页其他

QT QHBoxLayout 水平布局控件

双子座断点 2023-07-02 12:00:02
简介QT QHBoxLayout 水平布局控件

        本文详细的介绍了QHBoxLayout控件的各种操作,例如:新建界面、添加控件、布局控件、显示控件、添加空白行、设置间距 、添加间距、设置位置、设置外边距、设置边距、添加固定宽度、方向上、方向下、方向左、方向右等等、 样式表等操作。

        实际开发中,一个界面上可能包含十几个控件,手动调整它们的位置既费时又费力。布局管理器可以完成两件事:自动调整控件的位置,包括控件之间的间距、对齐等;当用户调整窗口大小时,位于布局管理器内的控件也会随之调整大小,从而保持整个界面的美观。
        本系列QT全面详解文章目前共有二十三篇,本系列文章较为详细的讲述了QT控件的基础操作和使用,也谢谢大家的关注、点赞、收藏。
 

 本文作者原创,转载请附上文章出处与本文链接。

QT QHBoxLayout 水平布局控件目录

1 新建界面

2 控件布局

3 显示控件

4 添加固定宽度

5 添加空白行

6 设置间距

7 添加间距

8 设置位置

9 设置外边距

10 设置边距

11 方向上

12 方向下

13 方向左

14 方向右

15 其它文章


1 新建界面

2 控件布局

    QPushButton* pushButton1;
    QPushButton* pushButton2;
    QPushButton* pushButton3;
    QPushButton* pushButton4;
    QHBoxLayout *pHayout;

    pHayout = new QHBoxLayout();//水平布局

    pushButton1 = new QPushButton();        pushButton1->setText("pushButton_1");
    pushButton2 = new QPushButton();        pushButton2->setText("pushButton_2");
    pushButton3 = new QPushButton();        pushButton3->setText("pushButton_3");
    pushButton4 = new QPushButton();        pushButton4->setText("pushButton_4");

3 显示控件

    //向布局管理器中添加指定的 widget 控件。
    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);
    pHayout->addWidget(pushButton3);
    pHayout->addWidget(pushButton4);

    ui->widget->setLayout(pHayout);

4 添加固定宽度

    //向布局管理器中添加指定的 widget 控件。
    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);
    pHayout->addSpacing(50);
    pHayout->addWidget(pushButton3);
    pHayout->addWidget(pushButton4);
    ui->widget->setLayout(pHayout);

5 添加空白行

    //添加一个空白行,整个窗口中除了控件占用的区域外,其它区域可以由多个(≥0)空白行分摊,分摊比例取余于各个空白行设置的 stretch 参数的值。
    //strech 参数的默认值为 0,表示当窗口很小时,空白行可以不占据窗口空间。当窗口中包含多个 strech 值为 0 的空白行时,它们会平分窗口中的空白区域。
    pHayout->addStretch();

    //向布局管理器中添加指定的 widget 控件。
    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);
    pHayout->addWidget(pushButton3);
    pHayout->addWidget(pushButton4);

    ui->widget->setLayout(pHayout);

6 设置间距

void MainWindow::on_pushButton_4_clicked()
{

    pHayout->setSpacing(150);
}

7 添加间距

void MainWindow::on_pushButton_5_clicked()
{
    pHayout->addStretch(50);

    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);

    pHayout->addStretch(150);
    pHayout->addWidget(pushButton3);

    pHayout->addStretch(10);
    pHayout->addWidget(pushButton4);

    ui->widget->setLayout(pHayout);
}

8 设置位置

void MainWindow::on_pushButton_6_clicked()
{
    //水平居左,垂直居上
    pHayout->addWidget(pushButton1,0,Qt::AlignLeft | Qt::AlignTop);
    //居右,居下
    pHayout->addWidget(pushButton2,0,Qt::AlignRight | Qt::AlignBottom);
    //居中
    pHayout->addWidget(pushButton3,0,Qt::AlignCenter );

    pHayout->addWidget(pushButton4);
}

9 设置外边距

void MainWindow::on_pushButton_7_clicked()
{
    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);
    pHayout->addWidget(pushButton3);
    pHayout->addWidget(pushButton4);

    ui->widget->setLayout(pHayout);


    //    QMargins margins;
    //    margins.left();
    //    pLayout->setContentsMargins(margins);

    //与setMargin功能相同,但是可以将左、上、右、下的外边距设置为不同的值
    pHayout->setContentsMargins(10, 100, 10, 100 );

}

10 设置边距

void MainWindow::on_pushButton_8_clicked()
{
    pHayout->setMargin(100);
    pHayout->addWidget(pushButton1);
    pHayout->addWidget(pushButton2);
    pHayout->addWidget(pushButton3);
    pHayout->addWidget(pushButton4);
    ui->widget->setLayout(pHayout);
}

11 方向上

void MainWindow::on_pushButton_9_clicked()
{
    pHayout->setDirection(QBoxLayout::BottomToTop); //设置布局方向
    this->setLayout(pHayout);
}

12 方向下

void MainWindow::on_pushButton_10_clicked()
{
    pHayout->setDirection(QBoxLayout::TopToBottom);
    this->setLayout(pHayout);
}

13 方向左

void MainWindow::on_pushButton_11_clicked()
{
    pHayout->setDirection(QBoxLayout::LeftToRight);
    this->setLayout(pHayout);
}

14 方向右

void MainWindow::on_pushButton_12_clicked()
{
    pHayout->setDirection(QBoxLayout::RightToLeft);
    this->setLayout(pHayout);
}

15 其它文章

QT TextEdit控件_双子座断点的博客-CSDN博客_qt textedit

QT QComboBox使用详解_双子座断点的博客-CSDN博客

QT QtableView操作详解_双子座断点的博客-CSDN博客_qtableview增删改查

Qt QStandardItemModel(1.超级详细用法)_双子座断点的博客-CSDN博客_qstandardmodel

Qt QStandardItemModel(2.超级详细函数)_双子座断点的博客-CSDN博客_qstandarditemmodel点击事件

QT QRadioButton使用详解_双子座断点的博客-CSDN博客_qt radiobutton

QT QLineEdit使用详解_双子座断点的博客-CSDN博客_qt qlineedit

Qt QMessageBox使用详解_双子座断点的博客-CSDN博客_qt message

QChart折线图、饼状图、条形图、曲线图_双子座断点的博客-CSDN博客_qchart样式

QChart属性详解_双子座断点的博客-CSDN博客_setanimationoptions

QCharts QValueAxis使用_双子座断点的博客-CSDN博客_qvalueaxis

Qt 5 等待提示框(开源 动态图)_双子座断点的博客-CSDN博客_qt 等待对话框

QtDataVisualization 数据3D可视化_双子座断点的博客-CSDN博客_qtdatavisualizatio

QT QSpinBox 整数计数器控件 使用详解_双子座断点的博客-CSDN博客


QT QDoubleSpinBox 浮点计数器控件(使用详解)_双子座断点的博客-CSDN博客_qdoublespinbox信号槽


QT QSlider、QHorizontalSlider、QVerticalSlider 控件 使用详解_双子座断点的博客-CSDN博客_qslider设置步长

QT QTabWidget 控件 使用详解_双子座断点的博客-CSDN博客

QT QCalendarWidget控件 使用详解_双子座断点的博客-CSDN博客
QT QStackedWidget 控件 使用详解_双子座断点的博客-CSDN博客

(1条消息) QT QVBoxLayout 垂直布局控件_双子座断点的博客-CSDN博客

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。