qt控件基本应用

Qt里面有很多控件，让我们来看一些常用控件。

首先是对pro文件的配置

HEADERS += \

MyWidget.h

SOURCES += \

MyWidget.cpp

QT+=widgets gui

CONFIG += c++11

因为要用到lambda所以要加一个CONFIG+=c++11

下面是MyWidget.h

#ifndef MYWIDGET_H
#define MYWIDGET_H

#include <QWidget>
#include <QTextEdit>
class MyWidget : public QWidget
{
Q_OBJECT
public:
explicit MyWidget(QWidget *parent = 0);

signals:

public slots:
//槽函数
void comboChanged(const QString&);
protected:
QTextEdit *edit1;
};

#endif // MYWIDGET_H

下面是MyWidget.cpp

#include "MyWidget.h"
#include <QApplication>
#include <QLabel>//显示静态文本或者图片
#include <QPushButton>
#include <QLineEdit>//一行
#include <QComboBox>
#include <QCheckBox>
#include <QRadioButton>
#include <QTextEdit>//富文本
#include <QTextBrowser>//只读富文本
#include <QGroupBox>//分类框
#include <QSlider> //滑块
#include <QSpinBox> //数字的
#include <QDateEdit>
#include <QTimeEdit>
#include <QDateTimeEdit>
#include <QVBoxLayout>
#include <QCompleter>
#include <QHBoxLayout>
#include <QDebug>
#include <QPixmap>
#include <QLCDNumber>
MyWidget::MyWidget(QWidget *parent) : QWidget(parent)
{
//垂直布局
QVBoxLayout* lay = new QVBoxLayout(this);
//一个label
QLabel* label;
//一个下拉框
QComboBox *combo;
//一个按钮
QPushButton* button;
//一个点选框
QRadioButton* radio;
//一个富文本
QTextEdit* edit;
//一个组
QGroupBox* group;
//Qt里面可以用html来对控件的样式做变化
lay->addWidget(label=new QLabel("<a href='www.baidu.com'>baidu</a>"));
//设置按钮背景图片
label->setPixmap(QPixmap("../bbb.jpg"));
//c++11里面的新特性，相对于槽模式，lambda更加方便
connect(label,&QLabel::linkActivated,[](QString str){
qDebug() << str;
});
lay->addWidget(button=new QPushButton("Button"));
//设置css样式表,可见qt还是比较强大的
button->setStyleSheet("QPushButton {font:bold 16px;color:red}");
lay->addWidget(radio=new QRadioButton("Radio"));
radio->setStyleSheet("QRadioButton {font:bold 16px;color:red}");
lay->addWidget(new QCheckBox("check"));
connect(radio,&QRadioButton::clicked,[](bool v){
qDebug() << v;
});
//添加下拉框
lay->addWidget(combo=new QComboBox());
//添加2个元素
combo->addItem("select item1");
combo->addItem("select item2");
//设置是否可编辑
combo->setEditable(true);
//注释掉的部分是自动补全的提示
//    combo->setCompleter(new QCompleter(QStringList() << "aaa" << "bbb"));
//槽模式，注意在别的地方有相应的函数
connect(combo,SIGNAL(currentIndexChanged(QString)),this,SLOT(comboChanged(QString)));
//设置自动补全提示，内容为前面的item
combo->setCompleter(new QCompleter(combo->model()));
//添加富文本
lay->addWidget(edit=new QTextEdit);
edit->setText("<table border=1><tr><th>header1</th><th>header2</th></tr>"
"<tr><td>value1</td><td>value2</td></tr>"
"<tr><td>value3</td><td>value4</td></tr>"
"</table>"
"<br />"
"<img src=../aaa.jpg></img>");

lay->addWidget(edit1=new QTextEdit);
connect(edit1,&QTextEdit::textChanged,[&](){
qDebug() << edit1->toPlainText();
});
//添加组
lay->addWidget(group=new QGroupBox("some items"));
//水平布局
QHBoxLayout* layout;
//把组的布局设置为水平布局
group->setLayout(layout=new QHBoxLayout);
layout->addWidget(new QPushButton("aaaa"));
layout->addWidget(new QPushButton("aaaa"));

//把组加入到最开始的垂直布局里面
lay->addWidget(new QGroupBox);
//滑块
QSlider* slider;
lay->addWidget(slider=new QSlider(Qt::Horizontal));
//设置滑块的最小值
slider->setMinimum(0);
//设置滑块的最大值
slider->setMaximum(100);
//spinbox类似于滑块，不过其会显示值
QSpinBox* spinBox;
lay->addWidget(spinBox=new QSpinBox);

spinBox->setMaximum(100);
spinBox->setMinimum(0);
//槽函数，把slider点的值给spinBox
connect(slider,SIGNAL(valueChanged(int)),spinBox,SLOT(setValue(int)));
lay->addWidget(new QDateTimeEdit);
//LCDNumber显示LCD数字
QLCDNumber* number;
lay->addWidget(number=new QLCDNumber(10));
//显示12345
number->display(12345);
//显示风格
number->setSegmentStyle(QLCDNumber::Flat);
}

void MyWidget::comboChanged(const QString &str)
{
qDebug() << "combo value is " << str;
}

int main(int argc,char** argv)
{
QApplication app(argc,argv);
MyWidget w;
w.show();
return app.exec();
}

我已经对其进行了解释。

然后接下来我们看看显示效果，有点逗，敬请谅解。