码迷,mamicode.com
首页 > 其他好文 > 详细

Qt布局管理器综合实例

时间:2016-09-26 21:58:15      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:qt、布局管理器




1、布局管理器的综合实例------模拟向导用户界面(Windows平台)


-----练习开发一个向导用户界面


@1:在同一界面上展现不同的向导页面

@2:通过上一步和下一步按钮进行切换

@3:不同页面上的元素组件和这些组件排布都不相同

@4:页面中的组件通过布局管理进行排布

(1)通过布局嵌套进行界面设计


@1:上一步和下一步这两个按钮用水平布局管理器QHBoxLayout来进行管理,不同页面上的显示的内容只有按钮不变,所以讲不同页面的内容用栈式布局管理器QStackedLayout进行管理,这样

在切换不能页面的时候,就相当于切换栈式布局管理器中的栈顶组件。之后用垂直布局管理器QVBoxLayout将这个栈式布局管理器和水平布局管理器进行管理,就达到了目的要求了


@2:通过QStackedLayout栈式布局管理器管理不同的页面。每一个页面都是一个QWidget的组件,每一个Qwidget组件中的内容都是不一样的,每一个QWidget组件作为一个容器,这个容器

中都有一个布局管理器或多个布局管理器




2、注意事项:


(1)任意容器类的组件都可以指定布局管理器


(2)同一布局管理器中的组件拥有相同的父组件


(3)设置布局管理器的同时也隐式的指定了父子关系了


(4)组件间的父子关系是Qt中内存管理的重要方式


/************************************************************.h代码************************************************************************/


#ifndef _WIDGET_H_

#define _WIDGET_H_


#include <QtGui/QWidget>

#include <QPushButton>

#include <QVBoxLayout>

#include <QHBoxLayout>

#include <QStackedLayout>

#include <QLabel>

#include <QLineEdit>

#include <QFormLayout>


class Widget : public QWidget

{

    Q_OBJECT

private:

    QPushButton preButton;

    QPushButton nextButton;

    QLabel label1;  //标签

    QLabel label2;

    QLabel label3;

    QLabel label4;

    QLineEdit LineEdit1;

    QLineEdit LineEdit2;

    QPushButton button1;

    QPushButton button2;

    QStackedLayout slayout;  //定义一个栈式布局管理器,在类中定义以便后面的成员函数访问方便


    void init();    //用来初始化构造界面的

    QWidget *get_Frist_Widget();    //打造QStackedLayout栈式布局管理器的第1页面的函数

    QWidget *get_Second_Widget();   //打造QStackedLayout栈式布局管理器的第2页面的函数

    QWidget *get_Thrid_Widget();    //打造QStackedLayout栈式布局管理器的第3页面的函数


private slots:

    void PreButtonClicked();

    void NextButtonClicked();


public:

    Widget(QWidget *parent = 0);

    ~Widget();

};


#endif // _WIDGET_H_




/*******************************************************.cpp的代码*************************************************************************/




#include "widget.h"


Widget::Widget(QWidget *parent)

    : QWidget(parent), preButton(this), nextButton(this)

{

    init();

}



void Widget::init()

{

    QVBoxLayout *vlayout = new QVBoxLayout();    //创建一个垂直布局管理器

    QHBoxLayout *hlayout = new QHBoxLayout();    //创建一个水平布局管理器


    preButton.setText("Pre Page");

    preButton.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);    //设置改按钮行为扩展,列为固定,有布局管理器时起作用

    preButton.setMinimumSize(160, 30);  //设置该按钮最小为160*30像素


    nextButton.setText("Next Page");

    nextButton.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);    //设置改按钮行为扩展,列为固定,有布局管理器时起作用

    nextButton.setMinimumSize(160, 30);  //设置该按钮最小为160*30像素


    connect(&preButton, SIGNAL(clicked()), this, SLOT(PreButtonClicked()));

    connect(&nextButton, SIGNAL(clicked()), this, SLOT(NextButtonClicked()));


    hlayout->addWidget(&preButton); //水平布局管理器管理按钮

    hlayout->addWidget(&nextButton);


    slayout.addWidget(get_Frist_Widget());     //将写好的不同QWiget组件页面添加到QStackedLayout栈式布局管理器中管理。 0

    slayout.addWidget(get_Second_Widget());    // 1

    slayout.addWidget(get_Thrid_Widget());     // 2


    vlayout->addLayout(&slayout);    //让这个垂直布局管理器管理这个水平布局管理器

    vlayout->addLayout(hlayout);    //让这个垂直布局管理器管理这个栈式布局管理器


    slayout.setCurrentIndex(0);    //设置当前栈式布局管理器中显示的组件是第1个


    this->setLayout(vlayout);   //设置当前窗口的布局管理器为vlayout这个垂直布局管理器

}


QWidget* Widget::get_Frist_Widget()    //打造QStackedLayout栈式布局管理器的第1页面的函数

{

    QWidget *ret = new QWidget();

    QGridLayout *layout = new QGridLayout();    //网格管理形式的布局管理器


    label1.setText("WuHengYi");         //设置标签的内容

    label2.setText("FangQingQing");

    label3.setText("I LOVE YOU");

    label4.setText("Forever");


    layout->addWidget(&label1, 0, 0);   //设置标签在0,0这个格子的位置

    layout->addWidget(&label2, 0, 1);

    layout->addWidget(&label3, 1, 0);

    layout->addWidget(&label4, 1, 1);


    ret->setLayout(layout);     //将要返回的这个QWidget容器组件中的布局管理器设置为layout



    return ret;

}


QWidget* Widget::get_Second_Widget()   //打造QStackedLayout栈式布局管理器的第2页面的函数

{

    QWidget *ret = new QWidget();

    QFormLayout *layout = new QFormLayout();    //表单形式的布局管理器


    LineEdit1.setText("So care about you");

    LineEdit2.setText("FangQingQing");



    layout->addRow("who:", &LineEdit1); //设置表单,前面一个参数是标签,后面一个是编辑框,两者是相互对应的。不会随着窗口变,两者距离变

    layout->addRow("Love to:", &LineEdit2);


    ret->setLayout(layout);     //将要返回的这个QWidget容器组件中的布局管理器设置为layout


    return ret;

}


QWidget* Widget::get_Thrid_Widget()    //打造QStackedLayout栈式布局管理器的第3页面的函数

{

    QWidget *ret = new QWidget();


    QVBoxLayout *layout = new QVBoxLayout();


    button1.setText("this is");

    button2.setText("family");


    layout->addWidget(&button1);    //将按钮1添加到这个垂直布局管理器中

    layout->addWidget(&button2);


    ret->setLayout(layout);


    return ret;

}


//点击这个按钮,到上一个页面(QStackedLayout布局管理器管理的组件)

void Widget::PreButtonClicked()

{

    int index = ((slayout.currentIndex() - 1) + 3) % 3; //因为显示上一个页面,-1怕减多了,因为3个页面(QWidget),所以+3对3取余


    slayout.setCurrentIndex(index); //显示上一个页面

}


void Widget::NextButtonClicked()

{

    int index = (slayout.currentIndex() + 1) % 3; //因为显示下一个页面, 因为3个页面(QWidget),所以+1对3取余


    slayout.setCurrentIndex(index); //显示下一个页面

}


Widget::~Widget()

{

    

}




/*****************************************************************main.cpp**************************************************************/



#include <QtGui/QApplication>

#include "widget.h"


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

{

    QApplication a(argc, argv);

    Widget w;

    w.show();

    

    return a.exec();

}





本文出自 “whylinux” 博客,谢绝转载!

Qt布局管理器综合实例

标签:qt、布局管理器

原文地址:http://whylinux.blog.51cto.com/10900429/1856683

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!