布局管理器

最新推荐文章于 2023-02-16 19:37:05 发布
最新推荐文章于 2023-02-16 19:37:05 发布
阅读量123 收藏
点赞数
原文链接：http://www.cnblogs.com/zylg/p/9831874.html
版权

布局管理器

布局管理器,有方向,间距,addwidget

类描述
QBoxLayout水平或垂直排列控件的基类
QButtonGroup组织按钮的容器
QFormLayout管理输入控件和其相关的标签
QGraphicsAnchor表示在QGraphicsAnchorLayout中两个项目之间的锚
QGraphicsAnchorLayout在图形视图中可以将锚连接到一起
QGridLayout网格布局（多行多列）
QGroupBox带标题的分组框
QHBoxLayout水平排列控件
QLayout几何管理器的基类
QLayoutItem抽象的操作布局Item
QSizePolicy描述水平和垂直大小调整的策略
QSpacerItem布局中的空间隔
QStackedLayout切换控件，同一时间只有一个控件可见
QStackedWidget切换控件，同一时间只有一个控件可见
QVBoxLayout垂直排列控件
QWidgetItem表示一个控件的布局项
布局例子
QBoxLayout/QVBoxLayout/QHBoxlayout

拥有QHBoxLayout和QVBoxLayout

  • set
函数描述
QBoxLayout(QBoxLayout::Direction dir, QWidget *parent = nullptr)构造函数
virtual ~QBoxLayout()析构函数
void addLayout(QLayout *layout, int stretch = 0)添加
void addSpacerItem(QSpacerItem *spacerItem)添加spaceitem
void addSpacing(int size)间距
void addStretch(int stretch = 0)可以让其居左或者居右或者居中,看例子
void addStrut(int size)
void addWidget(QWidget *widget, int stretch = 0, Qt::Alignment alignment = …)对齐方式
QBoxLayout::Direction direction() const方向
void insertItem(int index, QLayoutItem *item)插入
void insertLayout(int index, QLayout *layout, int stretch = 0)插入
void insertSpacerItem(int index, QSpacerItem *spacerItem)
void insertSpacing(int index, int size)
void insertStretch(int index, int stretch = 0)
void insertWidget(int index, QWidget *widget, int stretch = 0, Qt::Alignment alignment = …)
void setDirection(QBoxLayout::Direction direction)设置方向
void setSpacing(int spacing)设置空格
void setStretch(int index, int stretch)设置长度
bool setStretchFactor(QWidget *widget, int stretch)可以进行伸缩
bool setStretchFactor(QLayout *layout, int stretch)
int spacing() const返回间距
int stretch(int index) const返回长度

这里写图片描述

/*
 * hbox and vbox 是box确定方向之后的产物,没啥特殊
 * box 属性有间距addspace,空白补齐addstrlen,以及方向direction
 * 他的函数也全部用来操作上面的属性
*/
mywidget::mywidget()
{
    setWindowTitle("my widget test");
    QHBoxLayout *layout=new QHBoxLayout(this);

    //垂直的布局
    QWidget *pvwidget=new QWidget(this);
    QBoxLayout *pvlayout=new QBoxLayout(QBoxLayout::BottomToTop,pvwidget);            //布局管理器
    for(int i=0;i<5;i++)
    {
        QPushButton *ppushbutton=new QPushButton("vertical"+QString::number(i+1,10));
        pvlayout->addWidget(ppushbutton);
    }

    //水平的布局
     QWidget *phwidget=new QWidget(this);
     QBoxLayout *phlayout=new QBoxLayout(QBoxLayout::RightToLeft,phwidget);            //布局管理器
     for(int i=0;i<5;i++)
     {

         phlayout->addStretch();//添加伸缩,此时会均分长度,但是在第一个控件前添加,会居右,最后一个控件后添加会居左
         QPushButton *ppushbutton=new QPushButton("horizontal"+QString::number(i+1,10));
         phlayout->addWidget(ppushbutton);
         if(i==2)phlayout->setStretchFactor(ppushbutton,2);                             //第三个可以进行拉伸
         ppushbutton->setFixedHeight(70);
         ppushbutton->setStyleSheet("font-size:30px;background:red;");
     }

     //间距space的设置
     pvlayout->setSpacing(0);
     phlayout->setSpacing(50);

     //其他
    pvlayout->setContentsMargins(50,50,50,50);                        //边距
    layout->addWidget(pvwidget);
    layout->addWidget(phwidget);
    this->show();
}
QGridLayout
函数描述
void setColumnMinimumWidth(int column, int minSize)列最小的宽度
void setColumnStretch(int column, int stretch)可拉伸
void setHorizontalSpacing(int spacing)水平间距
void setRowMinimumHeight(int row, int minSize)行最小高度
void setRowStretch(int row, int stretch)设置靠左靠右,或者平分,看qboxlayout的addstretch
void setSpacing(int spacing)间距
void setVerticalSpacing(int spacing)垂直间距
columnCount()获取列数
rowCount()获取行数

这里写图片描述

/*
 * 头像 第0行，第0列开始，占3行1列
 * pLayout->addWidget(pImageLabel, 0, 0, 3, 1);
 * pLayout->setColumnMinimumWidth(1,100);          //特殊的列的宽度为100
 * pLayout->setRowMinimumHeight(3,10);             //特殊行的行高为10,
 * pLayout->setHorizontalSpacing(10);              //设置水平间距
 * pLayout->setVerticalSpacing(10);                //设置垂直间距
*/
mywidget::mywidget()
{
    setWindowTitle("my widget test");

    // 构建控件 头像、用户名、密码输入框等
    QLabel *pImageLabel = new QLabel(this);
    QLineEdit *pUserLineEdit = new QLineEdit(this);
    QLineEdit *pPasswordLineEdit = new QLineEdit(this);
    QCheckBox *pRememberCheckBox = new QCheckBox(this);
    QCheckBox *pAutoLoginCheckBox = new QCheckBox(this);
    QPushButton *pLoginButton = new QPushButton(this);
    QPushButton *pRegisterButton = new QPushButton(this);
    QPushButton *pForgotButton = new QPushButton(this);

    pLoginButton->setFixedHeight(30);
    pUserLineEdit->setFixedWidth(200);

    // 设置头像
    QPixmap pixmap(":/image/hz1.jpg");
    pImageLabel->setFixedSize(90, 90);
    pImageLabel->setPixmap(pixmap);
    pImageLabel->setScaledContents(true);

    // 设置文本
    pUserLineEdit->setPlaceholderText(QStringLiteral("QQ号码/手机/邮箱"));
    pPasswordLineEdit->setPlaceholderText(QStringLiteral("密码"));
    pPasswordLineEdit->setEchoMode(QLineEdit::Password);
    pRememberCheckBox->setText(QStringLiteral("记住密码"));
    pAutoLoginCheckBox->setText(QStringLiteral("自动登录"));
    pLoginButton->setText(QStringLiteral("登录"));
    pRegisterButton->setText(QStringLiteral("注册账号"));
    pForgotButton->setText(QStringLiteral("找回密码"));

    QGridLayout *pLayout = new QGridLayout(this);
    pLayout->setColumnMinimumWidth(1,100);          //特殊的列的宽度为100
    pLayout->setRowMinimumHeight(3,10);             //特殊行的行高为10,
    pLayout->setHorizontalSpacing(10);              //设置水平间距
    pLayout->setVerticalSpacing(10);                //设置垂直间距


    pLayout->addWidget(pImageLabel, 0, 0, 3, 1); // 头像 第0行，第0列开始，占3行1列
    pLayout->addWidget(pUserLineEdit, 0, 1,1,2);
    pLayout->addWidget(pPasswordLineEdit, 1, 1,1,2);
    pLayout->addWidget(pRegisterButton, 0, 3);
    pLayout->addWidget(pForgotButton, 1, 3);
    pLayout->addWidget(pRememberCheckBox, 2, 1, 1, 1, Qt::AlignLeft | Qt::AlignVCenter);
    pLayout->addWidget(pAutoLoginCheckBox, 2, 2, 1, 1, Qt::AlignRight | Qt::AlignVCenter);
    pLayout->addWidget(pLoginButton, 3, 1,1,2);
    pLayout->setContentsMargins(10, 10, 10, 10);
    setLayout(pLayout);
    this->show();
}
表单布局QFormLayout

一般不常用,需要是看文档

这里写图片描述

mywidget::mywidget()
{
    QLineEdit *nameLineEdit=new QLineEdit(this);
    QLineEdit *emailLineEdit=new  QLineEdit(this);
    QSpinBox *ageSpinBox=new QSpinBox(this);
    QFormLayout *formLayout = new QFormLayout;
    formLayout->addRow(tr("&Name:"), nameLineEdit);
    formLayout->addRow(tr("&Email:"), emailLineEdit);
    formLayout->addRow(tr("&Age:"), ageSpinBox);
    setLayout(formLayout);
    this->show();
}
可以进行页面切换的布局QStackedLayout

找到现在的位置,可以到达想去的位置
QStackedWidget类似

函数描述
int addWidget(QWidget *widget)添加widget
int currentIndex() const返回位置
QWidget * currentWidget() const返回位置
int insertWidget(int index, QWidget *widget)插入wedget
void setStackingMode(QStackedLayout::StackingMode stackingMode)
void setCurrentIndex(int index)到达想去的wibget
void setCurrentWidget(QWidget *widget)到达想去的位置

signal

void    currentChanged(int index)
void    widgetRemoved(int index)

这里写图片描述

/*
 * QStackedLayout
 * addwidget添加widget
 * currentIndex()返回现在的位置
 * sercurrentindex()设置现在的位置
*/
mywidget::mywidget()
{
    //主要的布局
    setWindowTitle("widget test");
    QVBoxLayout *mainLayout = new QVBoxLayout(this);
    QLabel *now_index=new QLabel(this);
    QPushButton *next_widget=new QPushButton("下一页");
    QPushButton *prior_widget=new QPushButton("上一页");
    QLineEdit *to_widget=new QLineEdit;
    to_widget->setPlaceholderText("跳转到页数");
    QPushButton *summit=new QPushButton("跳转");
    QHBoxLayout *menu_widget_layout=new QHBoxLayout;
    menu_widget_layout->addWidget(prior_widget);
    menu_widget_layout->addWidget(next_widget);
    menu_widget_layout->addWidget(to_widget);
    menu_widget_layout->addWidget(summit);
    menu_widget_layout->addWidget(now_index);


    //可以跳转页面的layout
    QStackedLayout *stack_layout = new QStackedLayout;
    QWidget *widget_1 = new QWidget;
    QWidget *widget_2 = new QWidget;
    QWidget *widget_3 = new QWidget;

    stack_layout->addWidget(widget_1);
    stack_layout->addWidget(widget_2);
    stack_layout->addWidget(widget_3);

    mainLayout->addLayout(menu_widget_layout);
    mainLayout->addLayout(stack_layout);
    now_index->setText("第"+QString::number(stack_layout->currentIndex()+1,10)
                       +"页,共"+QString::number(stack_layout->count(),10) +"页");

    //信号和槽,实现上一页,下一页,跳转功能
    connect(summit,QOverload<bool>::of(&QPushButton::clicked),[stack_layout,to_widget]{
         if(stack_layout->currentIndex() >=0 && stack_layout->currentIndex()<=stack_layout->count()-1)
        stack_layout->setCurrentIndex(to_widget->text().toInt()-1);

    });
    connect(prior_widget,QOverload<bool>::of(&QPushButton::clicked),[stack_layout]{
        if(stack_layout->currentIndex() >=0 && stack_layout->currentIndex()<=stack_layout->count()-1)
        stack_layout->setCurrentIndex(stack_layout->currentIndex()-1);
    });
    connect(next_widget,QOverload<bool>::of(&QPushButton::clicked),[stack_layout]{
        if(stack_layout->currentIndex() >=0 && stack_layout->currentIndex()<=stack_layout->count()-1)
        stack_layout->setCurrentIndex(stack_layout->currentIndex()+1);
    });
    connect(stack_layout,QOverload<int>::of(&QStackedLayout::currentChanged),[now_index,stack_layout]{
        now_index->setText("第"+QString::number(stack_layout->currentIndex()+1,10)
                           +"页,共"+QString::number(stack_layout->count(),10) +"页");
    });
    setLayout(mainLayout);
    this->show();
}
QSpacerItem提供一个空白区域
pHLayout->addSpacerItem(new QSpacerItem(20, 20));

转载于:https://www.cnblogs.com/zylg/p/9831874.html

diaohuqiao7206
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QT中布局器的addStretch()函数使用
Tim的嵌入式之旅
01-06 1万+
http://blog.csdn.net/zhangxufei/article/details/50825057 addStretch(） void QBoxLayout::addStretch(int stretch = 0) Adds a stretchable space (a QSpacerItem) with zero minim
QBOXLayout：QHBoxLayout和QVBoxLayout类
最新发布
zxf347085420的博客
07-04 257
前言采用QBOXLayout类可以在水平和垂直方向上排列控件，QHBoxLayout和QVBoxLayout类继承自QBoxLayout采用QHBoxLayout类，按照从左到右的顺序来添加控件。
QLayout之addStretch
Oliver·Yeung的博客
08-25 1679
弹簧QLayout的addStretch我们可以形象的理解成添加弹簧 如下所示，三个QPushButton分别放在一个Layout中，并且Layout的底部都有一个弹簧把他们往上顶： 上图是一个.ui文件，用代码重新写个简单的，如下：#ifndef MAINWIDGET_H #define MAINWIDGET_H#include <QWidget> #include <QHBoxLayou
Qt 之 connect用法
qq_40239944的博客
02-16 1243
Qt 之 connect用法
十一 布局管理
zhlei_12345的博客
01-24 585
Qt布局管理 QVBoxLayout QHBoxLayout QGridLayout QFormLayout QStackedLayout
MFC布局管理器
12-12
本篇文章将深入探讨"MFC布局管理器"，特别是描述中提到的"盒子布局管理器类CBoxLayout"。 MFC布局管理器的主要目标是简化用户界面元素的布局工作，避免开发者手动计算每个控件的位置和尺寸。布局管理器通过定义不同...
AWT组件提供的6种布局管理器
02-17
AWT组件提供的6种布局管理器 AWT（Abstract Window Toolkit）组件提供了六种布局管理器，分别是BorderLayout、FlowLayout、GridLayout、GridBagLayout、CardLayout和BoxLayout。这些布局管理器可以帮助开发者更好地...
Java 最重要布局管理器GridBagLayout的使用方法
09-05
Java中的`GridBagLayout`是Swing库中最强大的布局管理器之一，允许开发者创建复杂的、自适应的用户界面。这个布局管理器通过一个网格来组织组件，每个组件可以在网格中占据一个或多个单元格，提供了极大的灵活性。...
JAVA swing布局管理器实例解析
08-24
JAVA swing布局管理器实例解析 JAVA swing布局管理器实例解析是JAVA中一个非常重要的概念，对于学习JAVA的人来说具有非常重要的参考价值。布局管理器是指在容器中对组件的位置和大小进行管理的对象。JAVA swing中...
QT中QToolBox的使用，实现抽屉效果
weixin_30492047的博客
04-10 835
drawer.h #ifndef DRAWER_H #define DRAWER_H #include <QtGui> #include "ui_drawer.h" class drawer : public QToolBox { Q_OBJECT public: drawer( QWidget *parent=0, Qt::WindowFlag...
QT中布局器的addStretch函数使用效果1
阿木的专栏
03-08 9237
QBoxLayout中addStretch函数说明： void QBoxLayout::addStretch(int stretch = 0) Adds a stretchable space (a QSpacerItem) with zero minimum size and stretch factor stretch to the end of this box layout. 函
QHBoxLayout,QVBoxLayout的setStretch的作用
03-24 4576
个horizontalLayout中的两个QTextEdit控件按2:3的比例扩大或缩小时其实很简单. void QBoxLayout::setStretch(int index, int stretch) Sets the stretch factor at position index. to stretch. This function was introduced in Qt 4.5...
【QT】QOverload 信号槽连接方式用法示例
weixin_42258743的博客
03-31 5747
1、普通信号 QObject::connect(信号发出者地址,信号发出者函数名称(信号发出者函数参数...),信号接收者地址,信号接收者槽函数名称(信号接收者槽函数参数...)); 注意：若在QObject子类内部定义信号槽，可直接调用connect函数。 2、重载的信号 2.1采用函数指针 void (类型:* ptrOverloadSignalFunction)(信号重载函数参数...)=&类型:: 信号; QObject::connect(信号发出者地址,ptrOverloadS...
Qt之格栅布局（QGridLayout）
weixin_34419321的博客
05-30 6839
简述 QGridLayout：格栅布局，也被称作网格布局（多行多列）。 栅格布局将位于其中的窗口部件放入一个网状的栅格之中。QGridLayout需要将提供给它的空间划分成的行和列，并把每个窗口部件插入并管理到正确的单元格。 栅格布局是这样工作的： 它计算了位于其中的空间，然后将它们合理的划分成若干个行（row）和列（colu...
Qt控件----空间间隔
lengyuefeng212的博客
08-19 3279
文章目录空间间隔一、QSpacerltem1. 控件简介2. 用法示例3. 运行效果 空间间隔 一、QSpacerltem 空间间隔组（Spacers），如下图所示 （1） Horizontal Spacer:水平间隔 （2） Vertical Spacer:垂直间隔 QSpacerItem 继承 QLayoutItem。QSpacerItem 类在布局中提供空白(空间间隔)。所以QSpacerItem 是在布局中使用的。它包含 Horizontal Spacer（水平间隔）与 Vertical S
JAVAswing编写界面
weixin_60506627的博客
01-17 1362
关于java用swing编写界面的简单归类
Qt开发总结（16）——布局Layout
学习雷锋好榜样
12-12 3108
总结了部分常用了基本控件之后，本篇笔记对Qt的布局管理进行总结。Qt自带一系列简单而强大的布局管理工具，以自动在窗体中排布控件。这极大的方便了开发人员管理GUI控件，达到几乎强迫症级别的优美排布，尤其是在适应不同分辨率界面的时候。 所有的QWidget子类都可以用layout管理他们的控件，用QWidget::setLayout()函数既可以为这个widget设置layout。如果一个Layou...
Android布局管理器详解
"Android布局管理器详解与实战应用" 在Android开发中，布局管理器是构建用户界面的关键组件，它负责组织和安排应用界面中的各种视图（View）元素。本章将深入探讨Android中的五种主要布局管理器：线性布局、表格...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值