Qt5布局管理项目示例

项目1 分割窗口QSplitter类
介绍一个十分简单的分割窗口功能,整个对话框由三个窗口组成,各个窗口之间的大小可随意拖曳改变
停靠窗口QDockWidget类也是应用程序中经常用到的,设置停靠窗口的一般流程如下。

main.cpp

#include "mainwindow.h"
#include 
#include 
#include 
 
   
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
 
   
    //指定显示字体
    QFont font("ZYSong18030", 12);
    a.setFont(font);
 
   
    //主分割窗口(作为主分割窗口,设定次分割窗口为水平分割窗口)
    QSplitter *splitterMain = new QSplitter(Qt::Horizontal, 0);
    //新建一个QTextEdit对象,并将其插入主分割窗口中
    QTextEdit *textLeft = new QTextEdit(QObject::tr ("Left Widget"), splitterMain);
    //设置TextEdit的对其方式
    textLeft->setAlignment (Qt::AlignHCenter);
 
   
    //右部分分割(以主分割窗口为父窗口)
    QSplitter *splitterRight = new QSplitter(Qt::Vertical, splitterMain);
    //设定主分割窗口的分割条在拖曳时是否为实时更新显示。
    splitterRight->setOpaqueResize (false);
    QTextEdit *textUp = new QTextEdit(QObject::tr("Top Widget"), splitterRight);
    textUp->setAlignment (Qt::AlignHCenter);
 
   
    QTextEdit *textBotton = new QTextEdit(QObject::tr("Botton Widget"), splitterRight);
    textBotton->setAlignment (Qt::AlignHCenter);
    /*设定可伸缩控件,它的第一个参数用于指定设置的控件序号,控件序号插入的先后次序从0起一次编号;
     *第2个参数为大于0的值,表示此控件为可伸缩控件*/
    splitterMain->setStretchFactor (1, 1);
    //设置窗口的标签
    splitterMain->setWindowTitle (QObject::tr ("Splitter"));
    splitterMain->show ();
 
   
    return a.exec();
}
项目2 停靠窗口QDockWidget类
(1)创建一个QDockWidget对象的停靠窗体。
(2)设置此停靠窗体的属性,通常调用setFeatures()及setAllowedAreas()两种方法。
(3)新建一个要插入停靠窗体的控件,常用的有QListWidget和QTextEdit。
(4)将控件插入停靠窗体,调用QDockWidget的setWidget()方法。
(5)使用addDockWidget()方法在MainWindow中加入此停靠窗体。
dockwindows.cpp

#include "dockwindows.h"
#include 
#include 
 
   
DockWindows::DockWindows(QWidget *parent)
    : QMainWindow(parent)
{
    setWindowTitle (QObject::tr ("DockWindows"));   //设置主窗口标题栏文字
    QTextEdit *te = new QTextEdit(this);            //定义一个QTextEdit对象作为主窗口
    te->setText (tr("Mian Window"));
    te->setAlignment (Qt::AlignHCenter);
    setCentralWidget (te);                          //将此编辑框设为主窗口的中央窗体
 
   
    //停靠窗口1
    QDockWidget *dock = new QDockWidget(tr("DockWindow1"), this);
    //设置窗体可停靠的特性
    dock->setFeatures (QDockWidget::DockWidgetMovable);     //可移动
    //设置窗体可停靠的区域
    dock->setAllowedAreas (Qt::LeftDockWidgetArea | Qt::RightDockWidgetArea);
    QTextEdit * te1 = new QTextEdit();
    te1->setText (tr("window1, The dock widget can be moved between docks by the user"));
    //将控件插入停靠窗体
    dock->setWidget (te1);
    //在dock中加入停靠窗体
    addDockWidget (Qt::RightDockWidgetArea, dock);
 
   
    //停靠窗口2
    dock = new QDockWidget(tr("DockWindow2"), this);
    //设置窗体可停靠的特性
    dock->setFeatures (QDockWidget::DockWidgetClosable | QDockWidget::DockWidgetFloatable);    //可关闭、可浮动
    QTextEdit *te2 = new QTextEdit();
    te2->setText (tr("window2, The dock widget can be detached from the main window, "" and floated as an "
                     "independent window, and can be closed"));
    //将控件插入停靠窗体
    dock->setWidget (te2);
    //在dock中加入停靠窗体
    addDockWidget (Qt::RightDockWidgetArea, dock);
 
   
    //停靠窗口3
    dock = new QDockWidget(tr("DockWindow3"), this);
    //设置窗体可停靠的特性
    dock->setFeatures (QDockWidget::AllDockWidgetFeatures); //全部特性
    QTextEdit *te3 = new QTextEdit();
    te3->setText (tr("Window3, The dock widget can be closed, moved, and floated"));
    //将控件插入停靠窗体
    dock->setWidget (te3);
    //在dock中加入停靠窗体
    addDockWidget (Qt::RightDockWidgetArea, dock);
}
 
   
DockWindows::~DockWindows()
{
 
  
}
项目3 堆栈窗体QStackedWidget类
Stackedlg.h
#ifndef STACKDLG_H
#define STACKDLG_H
 
   
#include 
#include 
#include 
#include 
 
   
class StackDlg : public QDialog
{
    Q_OBJECT
 
   
public:
    StackDlg(QWidget *parent = 0);
    ~StackDlg();
    QListWidget *list;      //定义列表框指针
    QStackedWidget *stack;  //定义窗口栈指针
    QLabel *label1;
    QLabel *label2;
    QLabel *label3;
 
   
};
 
   
#endif // STACKDLG_H

Stackedlg.cpp

#include "stackdlg.h"
#include   //水平显示布局
 
   
StackDlg::StackDlg(QWidget *parent)
    : QDialog(parent)
{
    setWindowTitle (tr("StackedWidget"));
    //在新建的QListWidget中插入三个条目,作为选择项
    list = new QListWidget(this);
    list->insertItem (0, tr("Window1"));
    list->insertItem (1, tr("Window2"));
    list->insertItem (2, tr("Window3"));
 
   
    //创建三个QLabel标签控件对象,作为栈窗口要显示的三层窗体
    label1 = new QLabel(tr("WindowTest1"));
    label2 = new QLabel(tr("WindowTest2"));
    label3 = new QLabel(tr("WindowTest3"));
 
   
    //新建一个QStackedWidget堆栈对象
    stack = new QStackedWidget(this);
    //将创建的三个QLabel标签控件依次插入堆栈窗体中
    stack->addWidget (label1);
    stack->addWidget (label2);
    stack->addWidget (label3);
 
   
    //对整个对话框进行布局
    QHBoxLayout *mainLayout = new QHBoxLayout(this);
    mainLayout->setMargin (5);  //设置对话框(或窗体)的边距为5
    mainLayout->setSpacing (5); //设定每个空间之间的间距为5
    mainLayout->addWidget (list);
 
   
    mainLayout->addWidget (stack, 0, Qt::AlignHCenter);
    //设置可伸缩性第一个参数用于指定设置的控件,第二参数的值大于0则表示此控件可伸缩控件
    mainLayout->setStretchFactor (list, 1);
    mainLayout->setStretchFactor (stack, 3);
 
   
    connect (list, SIGNAL(currentRowChanged(int)), stack, SLOT(setCurrentIndex(int)));
 
   
}
 
   
StackDlg::~StackDlg()
{
 
   
}

项目4 基本布局(QLayout)
addWidget()方法用于向布局中加入需要布局的控件,addWidget()的函数原型如下:
void addWidget
(
  QWidget*widget,             //需要插入的控件对象
  int  fromRow,                  //插入的行
  int  fromColumn,             //插入的列
  int  rowSpan,                  //表示占用的行数
  int  columnSpan,             //表示占用的列数
  Qt::Alignment  alignment=0    //描述各个控件的对齐方式
)
addLayout ()方法用于向布局中加入需要布局的子布局,addLayout ()的函数原型如下:
void addLayout
(
  QLayout*layout,                        //表示需要插入的子布局对象
  introw,                                     //插入的起始行
  intcolumn,                                //插入的起始列
  int rowSpan,                            //表示占用的行数
  int columnSpan,                       //表示占用的列数
  Qt::Alignment alignment=0       //指定对齐方式
)
本实例共用到四个布局管理器,分别是 LeftLayout RightLayout BottomLayout MainLayout ,其布局框架如图
Qt5布局管理项目示例_第1张图片

dialog.h

#ifndef DIALOG_H
#define DIALOG_H
 
   
#include 
#include 
#include 
#include 
#include 
#include 
 
   
class Dialog : public QDialog
{
    Q_OBJECT
 
   
public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();
private:
    //左侧声明的变量
    QLabel *UserNameLabel;
    QLabel *NameLabel;
    QLabel *SexLabel;
    QLabel *DepartmentLabel;
    QLabel *AgeLabel;
    QLabel *OtherLabel;
    QLineEdit *UserNameLineEdit;
    QLineEdit *NameLineEdit;
    QComboBox *SexComboBox;
    QTextEdit *DepartmentTextEdit;
    QLineEdit *AgeLineEdit;
    QGridLayout *LeftLayout;        //设置左侧布局指针
 
   
    //右侧上半部分声明的变量
    QLabel *HeadLabel;
    QLabel *HeadIconLabel;
    QPushButton *UpdateHeadBtn;
    QHBoxLayout *TopRightLayout;    //设置水平布局指针
 
   
    QLabel *IntroductionLabel;
    QTextEdit *IntroductionTextEdit;
    QVBoxLayout *RightLayout;       //设置垂直布局指针
 
   
    //右侧底部声明的变量
    QPushButton *OkBtn;
    QPushButton *CancelBtn;
    QHBoxLayout *ButtomLayout;      //设置水平布局指针
 
   
 
   
};
 
   
#endif // DIALOG_H

dialog.cpp
#include "dialog.h"
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
 
   
 
   
Dialog::Dialog(QWidget *parent) :
    QDialog(parent)
{
    setWindowTitle (tr("UserInfor"));
    //左侧信息
    UserNameLabel = new QLabel(tr("用户名:"));
    UserNameLineEdit = new QLineEdit;
    NameLabel = new QLabel(tr("姓名:"));
    NameLineEdit = new QLineEdit;
    SexLabel = new QLabel(tr("性别:"));
    SexComboBox = new QComboBox;
    SexComboBox->addItem (tr("女"));
    SexComboBox->addItem (tr("男"));
    DepartmentLabel = new QLabel(tr("部门:"));
    DepartmentTextEdit = new QTextEdit;
    AgeLabel = new QLabel(tr("年龄:"));
    AgeLineEdit = new QLineEdit;
    OtherLabel = new QLabel(tr("备注:"));
    //设置控件的风格形状(NorFrame,Panel,Box,HLine,VLine,WInPanel)和阴影(Plain,Raised,Sunken)两项配合设定
    OtherLabel->setFrameStyle (QFrame::Panel | QFrame::Sunken);
 
   
    //左侧布局管理
    LeftLayout = new QGridLayout();
    LeftLayout->addWidget (UserNameLabel, 0, 0);
    LeftLayout->addWidget (UserNameLineEdit, 0, 1);
    LeftLayout->addWidget (NameLabel, 1, 0);
    LeftLayout->addWidget (NameLineEdit, 1, 1);
    LeftLayout->addWidget (SexLabel, 2, 0);
    LeftLayout->addWidget (SexComboBox, 2, 1);
    LeftLayout->addWidget (DepartmentLabel, 3, 0);
    LeftLayout->addWidget (DepartmentTextEdit, 3, 1);
    LeftLayout->addWidget (AgeLabel, 4, 0);
    LeftLayout->addWidget (AgeLineEdit, 4, 1);
    //设置显示一行两列
    LeftLayout->addWidget (OtherLabel, 5, 0, 1, 2);
    LeftLayout->setColumnStretch (0, 1);
    LeftLayout->setColumnStretch (1, 3);
 
   
    //右侧上半部分
    HeadLabel = new QLabel(tr("头像"));
    HeadIconLabel = new QLabel;
    QPixmap icon("312.png");
    HeadIconLabel->setPixmap (icon);
    HeadIconLabel->resize (icon.width (), icon.height ());
    UpdateHeadBtn = new QPushButton(tr("更新"));
    //完成右上侧头像选择区的水平布局
    TopRightLayout = new QHBoxLayout();
    //设置每个控件之间的间距
    TopRightLayout->setSpacing (20);
    TopRightLayout->addWidget (HeadLabel);
    TopRightLayout->addWidget (HeadIconLabel);
    TopRightLayout->addWidget (UpdateHeadBtn);
    IntroductionLabel = new QLabel(tr("个人说明"));
    IntroductionTextEdit = new QTextEdit;
    //设置垂直布局
    RightLayout = new QVBoxLayout();
    RightLayout->setMargin (10);
    RightLayout->addLayout (TopRightLayout);
    RightLayout->addWidget (IntroductionLabel);
    RightLayout->addWidget (IntroductionTextEdit);
 
   
    OkBtn = new QPushButton(tr("确定"));
    CancelBtn = new QPushButton(tr("取消"));
    ButtomLayout = new QHBoxLayout();
    /*在按钮之前插入一个占位符,使两个按钮能够靠右对齐,并且当整个对话框大小发生改变时,保证按钮的大小不发生变化*/
    ButtomLayout->addStretch ();
    ButtomLayout->addWidget (OkBtn);
    ButtomLayout->addWidget (CancelBtn);
 
   
    /*对整个对话框进行布局*/
    QGridLayout *mainLayout = new QGridLayout(this);
    mainLayout->setMargin (15);         //设定对话框(或窗体)的边距为5
    mainLayout->setSpacing (10);        //设定各个部件之间的间距为5
    mainLayout->addLayout (LeftLayout, 0 , 0);
    mainLayout->addLayout (RightLayout, 0, 1);
    mainLayout->addLayout (ButtomLayout, 1, 1);
    //设定最优化显示,并且使用户无法改变对话框的大小.所谓最优化显示,即控件都按其SizeHint()的大小显示
    mainLayout->setSizeConstraint (QLayout::SetFixedSize);
}
 
   
Dialog::~Dialog()
{
 
   
}

你可能感兴趣的:(Qt5开发及实例)