一、QT入门

1.1QT简介

1.2经典应用

1.3工程搭建

1.3.1按钮

1.3.2行编辑框

1.3.3简单确定位置

1.4信号与槽机制

二、布局管理器

2.1布局管理器

2.2输出控件

2.3输入控件

2.4按钮

2.5容器

2.5.1Group Box

2.5.2Ccroll Area

2.5.3Tool Box

2.5.4 Tab Widget

2.5.5Stacked Widget

三、实现一个计算器

一、QT入门

1.1QT简介

QT是挪威Trolltech开发的多平台C++图形用户界面应用程序框架。

它跑起来要求很低只要有Linux库就能跑起来

1.2经典应用

之前讲C++时就说过这个

1.3工程搭建

新建工程ctrl+N或者点击文件新建

名字随便，路径不能有中文，设置默认路径就下次直接存这里不设置就选一下，怎么设置都行

下一步

选择平台，展示没有别的可选项

这有三个选项：

mainwindows：大一些的项目

widget：中等大小

dialog：很小，就像某个软件打开一个选项不选完不能点别的那种

这里我们选择中等的就行，下面这个勾勾我们不勾

下面这个选项勾上以后可以拖拽设置界面

然后完成，现在只有一个框架我们运行一下

1.3.1按钮

我们只需要加上头文件，创建一个按键对象，就可以让这个小窗口多一个OK键。

1.3.2行编辑框

1.3.3简单确定位置

1.4信号与槽机制

为了方便开发QT引入了信号与槽机制，升级了一下C++的语法。

现在的OK键按下删除，我们想在加一个行编辑器，实现按下下面行编辑器的内容输入到上面。

这时候直接绑定按键就不行了我们需要设计一个槽函数

二、布局管理器

2.1布局管理器

新建一个工程

#include "widget.h"
#include <QVBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    le = new QLineEdit(this);
    le1 = new QLineEdit(this);
    pb = new QPushButton("OK", this);

    QVBoxLayout *vbox = new QVBoxLayout;
    vbox->addWidget(le);
    vbox->addWidget(le1);
    vbox->addWidget(pb);

    this->setLayout(vbox);
}

Widget::~Widget()
{

}

#include "widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    le = new QLineEdit(this);
    le1 = new QLineEdit(this);
    pb = new QPushButton("OK", this);
#if 0
    QVBoxLayout *vbox = new QVBoxLayout;
    vbox->addWidget(le);
    vbox->addWidget(le1);
    vbox->addWidget(pb);

    this->setLayout(vbox);
#endif
    QHBoxLayout *hbox = new QHBoxLayout;
    hbox->addWidget(le);
    hbox->addWidget(le1);
    hbox->addWidget(pb);

    this->setLayout(hbox);
}

Widget::~Widget()
{

}

#include "widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QGridLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    le = new QLineEdit(this);
    le1 = new QLineEdit(this);
    pb = new QPushButton("OK", this);

#if 0
    QVBoxLayout *vbox = new QVBoxLayout;
    vbox->addWidget(le);
    vbox->addWidget(le1);
    vbox->addWidget(pb);

    this->setLayout(vbox);
#endif

#if 0
    QHBoxLayout *hbox = new QHBoxLayout;
    hbox->addWidget(le);
    hbox->addWidget(le1);
    hbox->addWidget(pb);

    this->setLayout(hbox);
#endif
#if 1
    QGridLayout *gbox = new QGridLayout;
    gbox->addWidget(le, 0, 0);
    gbox->addWidget(le1, 1, 1);
    gbox->addWidget(pb, 2, 2);
    this->setLayout(gbox);
#endif

}

Widget::~Widget()
{

}

#include "widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
#include <QGridLayout>
#include <QFormLayout>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    le = new QLineEdit(this);
    le1 = new QLineEdit(this);
    pb = new QPushButton("OK", this);

    QFormLayout *fbox = new QFormLayout;
    fbox->addRow("user", le);
    fbox->addRow("pawd", le1);
    fbox->addRow("", pb);
    this->setLayout(fbox);

#if 0
    QVBoxLayout *vbox = new QVBoxLayout;
    vbox->addWidget(le);
    vbox->addWidget(le1);
    vbox->addWidget(pb);

    this->setLayout(vbox);
#endif

#if 0
    QHBoxLayout *hbox = new QHBoxLayout;
    hbox->addWidget(le);
    hbox->addWidget(le1);
    hbox->addWidget(pb);

    this->setLayout(hbox);
#endif
#if 0
    QGridLayout *gbox = new QGridLayout;
    gbox->addWidget(le, 0, 0);
    gbox->addWidget(le1, 1, 1);
    gbox->addWidget(pb, 2, 2);
    this->setLayout(gbox);
#endif

}

Widget::~Widget()
{

}

2.2输出控件

2.3输入控件

输入和输出用一个例子演示

当你需要引用一个照片时要把这个照片放到引自目录中

这个带有你工程名的就是，然后我们粘过去就行。

//.h文件
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QLineEdit>
#include <QTextEdit>
#include <QComboBox>
#include <QComboBox>
#include <QTimeEdit>
#include <QDial>
#include <QSlider>
#include <QScrollBar>

#include <QLabel>
#include <QLCDNumber>
#include <QProgressBar>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();
private:
    //input
    QLineEdit *le;
    QTextEdit *te;
    QComboBox *cb;
    QTimeEdit *timee;
    QDial *dl;
    QSlider *sd;
    QScrollBar *sb;

    //output
    QLabel *lb, *lb1;
    QLCDNumber *lcd;
    QProgressBar *pgb;
};

#endif // WIDGET_H

//.c文件
#include "widget.h"
#include <QVBoxLayout>
#include <QHBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    //input
       le = new QLineEdit(this);
       te = new QTextEdit;
       cb = new QComboBox;
       cb->addItem("read");//选项1
       cb->addItem("write");//选项2
       timee = new QTimeEdit;
       dl = new QDial;
       sd = new QSlider;
       sd->setOrientation(Qt::Horizontal);//水平方向
       sb = new QScrollBar;
       sb->setOrientation(Qt::Horizontal);//水平方向
       QVBoxLayout *vbox = new QVBoxLayout;
       vbox->addWidget(le);
       vbox->addWidget(te);
       vbox->addWidget(cb);
       vbox->addWidget(timee);
       vbox->addWidget(dl);
       vbox->addWidget(sd);
       vbox->addWidget(sb);

       //output
       lb = new QLabel("hello");
       lb1 = new QLabel;
       QPixmap pix("1.png");
       lb1->setFixedSize(100, 100);//设置大小
       /*经过我的验证这个自适应大小不是照片是我们的窗口*/
       /*就是照片是100X100窗口随照片变*/
       lb1->setScaledContents(true);//自适应大小
       lb1->setPixmap( pix );
       lcd = new QLCDNumber;
       pgb = new QProgressBar;
       QVBoxLayout *vbox1 = new QVBoxLayout;
       vbox1->addWidget(lb);
       vbox1->addWidget(lb1);
       vbox1->addWidget(lcd);
       vbox1->addWidget(pgb);

       QHBoxLayout *hbox = new QHBoxLayout;
       hbox->addLayout(vbox);
       hbox->addLayout(vbox1);
       this->setLayout(hbox);

       connect(dl, SIGNAL(valueChanged(int)), lcd, SLOT(display(int)));
       connect(dl, SIGNAL(valueChanged(int)), pgb, SLOT(setValue(int)));
}

Widget::~Widget()
{

}

暂时不需要设置主函数，默认就行效果就是下面这个样子。