深度探索Qt窗口系统——布局篇

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/liubing8609/article/details/89409291

深度探索Qt窗口系统——布局篇

虽然界面管理器可以完成窗口布局,但是对于动态布局的情况下,这种做法就无能为力了,现实中界面经常要支持国际化,对于同一内容用不同语言翻译可能长度不一,这就需要窗口动态布局,如果采用界面管器布局窗口的话,则每一种语言可能都要设计一种界面,这给设计带来很大的不便,可以说,好的窗口布局能让界面设计变的更容易,更简单。在几何篇介绍了可以通过setGeometrymoveresize等方法来调整窗口的位置和大小,但这些做法都需要手工计算窗口的大小和位置,如果通过这些办法来设计GUI,无疑设计效率是低下的。幸运的是,QT给我们提供了4种布局:水平、垂直、网格、栈布局。虽没有java布局管理器那么多样化,然这4种布局已够用了。

1. Qt布局类架构

https://img-blog.csdn.net/20130528233605107

如上图,QHBoxLayout,按水平方向组织管理QT窗口部件;QVBoxLayout,按垂直方向组织管理QT窗口部件;QGridLayout,按二维网格的方式管理QT窗口布局;QStackedLayout,按一种类似于栈的方式组织管理Qt窗口部件,在某一时刻,只有一种窗口部件是可见的。

2. 布局管理器管理窗口的策略

  1. 一个布局既可以管理多个子窗口(最多管理多少个子窗口,这个我没有测试,应该应用中不会有超过它的上限),同时又可以管理多个布局。
  2. 默认情况下,布局管理器布局窗口的策略是,尽可能向水平和垂直方向延伸到它本身的尺寸的上限,如果布局里有子窗口和布局的话,子窗口和布局平均分配它们的父亲布局的尺寸。

3. 怎么使用布局管理器布局窗口?

1. 水平布局

https://img-blog.csdn.net/20130529234402707

实现代码:

#include <qwidget.h>

#include <qdebug.h>

#include <qlabel.h>

#include <qlineedit.h>

#include <QtGui/QApplication>

扫描二维码关注公众号,回复: 5961287 查看本文章

class CHLayoutTest : public QWidget

{

public:

    CHLayoutTest(QWidget *parent = NULL) : QWidget(parent)

    {

        QPushButton *ppbButton1 = new QPushButton("button1", this);

        QPushButton *ppbButton2 = new QPushButton("button2", this);

        QPushButton *ppbButton3 = new QPushButton("button3", this);

        QHBoxLayout *phLayout = new QHBoxLayout;

        phLayout->addWidget(ppbButton1);

        phLayout->addWidget(ppbButton2);

        phLayout->addWidget(ppbButton3);

        setLayout(phLayout);

    }

};

 

int main(int argc, char *argv[])

{

    QApplication a(argc, argv);

    CHLayoutTest widget;

    widget.show();

    return a.exec();

}

布局管理器安装到窗口控件的方法:

(1).通过setLayout方法,如上第18行;

(2).通过布局管理器的构造函数的方法,如将上面第14行的QHBoxLayout *phLayout = new QHBoxLayout(this);

(3).窗口的布局一旦安装,就不能再安装其他布局了,要想安装其他布局,办法只有一个先删除之前安装的布局,怎么删除呢?

通过窗口的layout()方法,返回布局指针,然后删掉它,如下:

QLayout *pLayout = layout();

delete pLayout;

这样你就可以通过(1)(2)的方式再次安装布局了。

2.重直布局

https://img-blog.csdn.net/20130530223431208

实现代码:

QPushButton *ppbButton1 = new QPushButton("button1", this);

QPushButton *ppbButton2 = new QPushButton("button2", this);

QPushButton *ppbButton3 = new QPushButton("button3", this);

QVBoxLayout *pvLayout = new QVBoxLayout;

pvLayout->addWidget(ppbButton1);

pvLayout->addWidget(ppbButton2);

pvLayout->addWidget(ppbButton3);

setLayout(pvLayout);

3.网格布局

https://img-blog.csdn.net/20130530223848123

实现代码:

QPushButton *ppbButton1 = new QPushButton("button1", this);

QPushButton *ppbButton2 = new QPushButton("button2", this);

QPushButton *ppbButton3 = new QPushButton("button3", this);

QGridLayout *pgLayout = new QGridLayout;

pgLayout->addWidget(ppbButton1, 0, 0);

pgLayout->addWidget(ppbButton2, 0, 1);

pgLayout->addWidget(ppbButton3, 1, 1);

setLayout(pgLayout);

4.栈布局

https://img-blog.csdn.net/20130530224526816

实现代码:

QPushButton *ppbButton1 = new QPushButton("button1", this);

QPushButton *ppbButton2 = new QPushButton("button2", this);

QPushButton *ppbButton3 = new QPushButton("button3", this);

QStackedLayout *psLayout = new QStackedLayout;

psLayout->addWidget(ppbButton1);

psLayout->addWidget(ppbButton2);

psLayout->addWidget(ppbButton3);

//psLayout->setCurrentIndex(1);

setLayout(psLayout);

可以看到,栈布局每次只能显示1个控件,通过setCurrentIndex可以显示其他的控件。另外值得一提的是,QStackedWidget也可以实现像QStackedLayout一样的功能。

猜你喜欢

转载自blog.csdn.net/liubing8609/article/details/89409291