3、QT 的基础控件的使用

一、qFileDialog 文件窗体

cpp 复制代码

Header:
#include <QFileDialog> 
qmake:
QT += widgets
Inherits:
QDialog

静态函数接口：

cpp 复制代码

void Widget::on_pushButton_clicked()
{
    //获取单个文件的路径名
    QString filename = QFileDialog :: getOpenFileName(this, 
                                                      tr("Open File"), 
                                                      "./", 
                                                      tr("C File(*.cpp *.c)"));

    ui->label->setText(filename);
}

void Widget::on_pushButton_2_clicked()
{

    //获取多个文件的路径名
    QStringList file = QFileDialog :: getOpenFileNames(this,
                                                       "Select one or more file to open",
                                                       "/home",
                                                       "all(*)");
    for(int i = 0; i < file.length(); i++)
    {
        qDebug() << file.at(i) << endl;;
    }
}

QStringList 的使用：

cpp 复制代码

append(const T &)往list中添加字符串
at(int)const T &//取出字符串中的数据
length()const : int //返回list的元素个数
removeAt(int)//删除某一个

二、QColorDialog 颜色窗体

cpp 复制代码

Header:
#include <QColorDialog> 
qmake:
QT += widgets
Inherits:
QDialog

静态函数接口：

cpp 复制代码

获取颜色值：
----------
QColor  getColor(const QColor &initial =Qt::white, QWidget *parent = nullptr, constQString &title = QString()
QColorDialog::ColorDialogOptions options =ColorDialogOptions())

直接调用全部使用默认参数
----------------------
QColor color = QColorDialog::getColor();

QColor 类的使用:
---------------
//获取当前颜色的R G B 值
void getRgb(int *r, int *g, int *b, int *a= nullptr) const
//获取当前颜色的名称
QString name() const
//设置当前颜色的RGB 值
void setRgb(int r, int g, int b, int a = 255)

练习：

cpp 复制代码

void myColor::on_pushButton_clicked()
{
    //打开一个颜色窗体
    QColor color = QColorDialog :: getColor();

    //获取颜色值
    int r, g, b;
    color.getRgb(&r, &g, &b);
    qDebug() <<  r  << ":"  << g <<":" << b;
    qDebug() << color.name();

    QString c = QString("background-color: rgb(%1,%2,%3);").arg(r).arg(g).arg(b);

    //设置背景颜色
    this->setStyleSheet(c);
}

三、QFontDialog 字体窗口

cpp 复制代码

Header:
#include <QFontDialog> 
qmake:
QT += widgets
Inherits:
QDialog

静态接口：

cpp 复制代码

官方例子：
--------
bool ok;
QFont font = QFontDialog::getFont(&ok,this);
if (ok) {
} else {
}

QFont 类的使用:
--------------
QString family() const 显示当前字体格式
void setFamily(const QString &family) 设置字体格式
int pointSize() const 获取当前字体大小
void setPointSize(int pointSize) 设置字体的大小
//其他控件的字体设置接口
setFont(const QFont &)

练习：

cpp 复制代码

void myFont::on_pushButton_clicked()
{
    bool ok;
    QFont font = QFontDialog :: getFont(&ok, this);

    if(ok)
    {
        qDebug() << "选择字体成功" << endl;
        qDebug() << font.family();//字体的格式
        qDebug() << font.pointSize();//字体的大小

        this->setFont(font);//设置当前界面的字体
    }
    else
    {
        qDebug() << "失败" << endl;

    }
}

四、QInputDialog 文本输入窗体

cpp 复制代码

Header:
#include <QInputDialog>
qmake:
QT += widgets

静态接口

cpp 复制代码

//获取浮点数据
double getDouble(QWidget *parent, const QString&title, const QString &label)
//获取整形
int getInt(QWidget *parent, const QString &title, const QString &label)
//获取列表的数据项
QString getItem(QWidget *parent, const QString &title, const QString &label, constQStringList &items)
//获取文本
QString getText(QWidget *parent, const QString &title, const QString &label)

parent : 依赖的窗体
title：标题
label:提示信息

练习：

cpp 复制代码

//获取浮点数据
void myInput::on_pushButton_clicked()
{
    double date = QInputDialog :: getDouble(this, "请输入浮点数据", "精度为.1", 0, -100, 100, 3);
    ui->label->setNum(date);
}

void myInput::on_pushButton_2_clicked()
{
    //定义一个列表
    QStringList item;

    //往列表中添加内容
    item.append("苹果");
    item.append("雪梨");
    item.append("香蕉");
    item.append("西瓜");

    QString date = QInputDialog :: getItem(this, "请选择", "请选择", item);

    ui->label->setText(date);
}

五、QMessageBox消息窗体

cpp 复制代码

QMessageBox Class
Header:
#include <QMessageBox>
qmake:
QT += widgets

静态函数接口

cpp 复制代码

//关于接口

QMessageBox::about(this,"关于","生产与1998......");

QMessageBox::StandardButton critical(this, "错误", "有误",QMessageBox::Ok)

QMessageBox::StandardButton information(this, "信息", "生产与1998......", QMessageBox::Ok)

QMessageBox::StandardButton question(this, "问题", "请问", QMessageBox::Yes | QMessageBox::No)

QMessageBox::StandardButton warning(this, "警告", "警告", QMessageBox::Ok)

//提示接口
int ret = QMessageBox::warning(this,
tr("My Application"), 
tr("The document has been modified.\n"
"Do youwant to save your changes?"),
QMessageBox::Save | QMessageBox::Discard|QMessageBox::Cancel,
QMessageBox::Save);

窗口Logo:

按照需要使用对应的接口函数

练习：

cpp 复制代码

void myMwssage::on_pushButton_clicked()
{
    int ret = QMessageBox :: warning(this, tr("温馨提示"),
                                           tr("今天吃饭了吗"),
                                           QMessageBox :: Yes | QMessageBox :: No);
    if(ret == QMessageBox :: Yes)
    {
        QMessageBox :: warning(this, tr("温馨提示"),
                                     tr("健康生活从吃饭开始\n"),
                                     QMessageBox :: Ok);
    }
    else if(ret == QMessageBox :: No)
    {
        QMessageBox :: warning(this, tr("温馨提示"),
                                     tr("乖乖，宝宝，快去吃饭\n"),
                                     QMessageBox :: Ok);
    }
}

按钮的选择：

六、QT基础控件的使用

1、Layouts布局控件的使用

2、Spacer控件的使用

3、Button控件的使用

①、pushbutton的使用

cpp 复制代码

setIcon(const QIcon &) //设置按钮的小图标
setIconSize(const QSize &) //设置按钮的小图标大小
setEnabled(bool) //设置按钮是否能点击

按钮的信号：
----------
void clicked(bool checked = false) 单击
void pressed() 按下
void released() 松开
void toggled(bool checked) 状态切换

②、QToolButton的使用

cpp 复制代码

//选择的菜单信号
void triggered(QAction *action)
//设置工具按钮的菜单
void setMenu(QMenu *menu)
QMenu 类的使用
--------------
QMenu(const QString &title, QWidget *parent = nullptr)
QAction *addAction(const QString &text) //添加菜单
QAction *addAction(const QIcon &icon, constQString &text)
//显示菜单
ui->toolButton->showMenu();

练习：

cpp 复制代码

#include "mybutton.h"
#include "ui_mybutton.h"
#include "QMenu"

myButton::myButton(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::myButton)
{
    ui->setupUi(this);

    //设置按钮的状态为不可点击
    ui->pushButton->setEnabled(true);

     //设置菜单
    ui->toolButton->setText("菜单栏");

    QMenu *m = new QMenu("我的菜单");

    m->addAction("辣椒炒辣椒");
    m->addAction("鸡蛋炒鸡蛋");
    m->addAction("红烧番薯");

    ui->toolButton->setMenu(m);
}

myButton::~myButton()
{
    delete ui;
}

void myButton::on_toolButton_triggered(QAction *arg1)
{
    QString str = arg1->text();

    ui->label->setText(str);
}

void myButton::on_toolButton_clicked()
{
    ui->toolButton->showMenu();
}

//点击radioButton
void myButton::on_radioButton_clicked(bool checked)
{
    if(checked)
    {
        ui->label->setText("选中");
    }
    else
    {
        ui->label->setText("松开");
    }
}

void myButton::on_checkBox_clicked(bool checked)
{
    ui->label->setText(ui->checkBox->text());
}

void myButton::on_checkBox_stateChanged(int arg1)
{
    ui->label->setNum(arg1);
}

七、item widget 视图的使用

1、listWidget的使用

cpp 复制代码

QListWidget Class
Header:
#include <QListWidget>
qmake:
QT += widgets

接口函数

cpp 复制代码

添加列表项信息：
void addItem(const QString &label)
void addItem(QListWidgetItem *item)
void addItems(const QStringList &labels)
-------------
在第几行插入：
void insertItem(int row, const QString&label)
-------------
取第几行的信息:
QListWidgetItem *item(int row) const
-------------
去除第几行:
QListWidgetItem *takeItem(int row)

-------------------选择信号-------------------------
void currentRowChanged(int currentRow) //选择第几行信号
void itemClicked(QListWidgetItem *item) //点击信号
void itemDoubleClicked(QListWidgetItem*item)//双击信号

-------------------QListWidgetItem类的使用-------------------------
QListWidgetItem(const QString &text);
QListWidgetItem(const QIcon &icon, constQString &text);

练习：

cpp 复制代码

#include "mylistwidget.h"
#include "ui_mylistwidget.h"
#include <QFileDialog>

mylistWidget::mylistWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::mylistWidget)
{
    ui->setupUi(this);

    //添加字符
    ui->listWidget->addItem("小花");

    //添加图标
    ui->listWidget->addItem(new QListWidgetItem(QIcon("D:/2024/QT_Creator/003/work/pic/ma.jpg"), "二维码"));
}

mylistWidget::~mylistWidget()
{
    delete ui;
}

//双击取出list中的内容
void mylistWidget::on_listWidget_itemDoubleClicked(QListWidgetItem *item)
{
    QString str = item->text();

    ui->label->setText(str);
}

void mylistWidget::on_pushButton_clicked()
{
    //获取图片名称
    QStringList file = QFileDialog :: getOpenFileNames(this,
                                                       "Select one or more files to open",
                                                       "/home",
                                                       "Image(*.png *.jpg)");
    //添加图片名字进入lisi
    ui->listWidget->addItems(file);
}

八、treeWidget的使用

1、添加列信息

2、添加项目信息

接口函数：

cpp 复制代码

双击信号：
void itemDoubleClicked(QTreeWidgetItem *item, int column)
取出用户选择的数据：
QString msg = item->text(column); //根据行号取出数据

练习：

cpp 复制代码

#include "mytreewidget.h"
#include "ui_mytreewidget.h"
#include <QDebug>

mytreeWidget::mytreeWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::mytreeWidget)
{
    ui->setupUi(this);
}

mytreeWidget::~mytreeWidget()
{
    delete ui;
}

//双击表格信号
void mytreeWidget::on_treeWidget_itemDoubleClicked(QTreeWidgetItem *item, int column)
{
    QString msg = item->text(column);

    qDebug() << msg << endl;
}

九、tableWidget的使用

1、添加列的信息

2、添加行的信息

接口函数

cpp 复制代码

设置第几行第几列的信息
void setItem(int row, int column, QTableWidgetItem *item)
QTableWidgetItem类的构造函数：
QTableWidgetItem(const QString &text);

信号：
void cellDoubleClicked(int row, int column)//取出用户点击的行与列
void itemDoubleClicked(QTableWidgetItem *item) //取出点击的item

练习：设计一个表格，并往表格中插入 3个学生信息，列姓名，班级，成绩

cpp 复制代码

#include "mytabelwidget.h"
#include "ui_mytabelwidget.h"
#include <QTableWidgetItem>
#include <QDebug>

mytabelWidget::mytabelWidget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::mytabelWidget)
{
    ui->setupUi(this);

    //初始化表格信息（需要先有表格才能插入）
    ui->tableWidget->setItem(0,0,new QTableWidgetItem("小明"));
    ui->tableWidget->setItem(0,1,new QTableWidgetItem("178"));
    ui->tableWidget->setItem(0,2,new QTableWidgetItem("100"));

    ui->tableWidget->setItem(1,0,new QTableWidgetItem("小华"));
    ui->tableWidget->setItem(1,1,new QTableWidgetItem("170"));
    ui->tableWidget->setItem(1,2,new QTableWidgetItem("90"));

    ui->tableWidget->setItem(2,0,new QTableWidgetItem("小花"));
    ui->tableWidget->setItem(2,1,new QTableWidgetItem("170"));
    ui->tableWidget->setItem(2,2,new QTableWidgetItem("80"));
}

mytabelWidget::~mytabelWidget()
{
    delete ui;
}

//双击取出选中信息
void mytabelWidget::on_tableWidget_itemDoubleClicked(QTableWidgetItem *item)
{
    qDebug() << item->text();
}

十、contain Box 的使用

1、toolBox

2、tabWidget

练习：模仿Windows 的图片浏览器制作一个图片浏览器

cpp 复制代码

#include "mywork.h"
#include "ui_mywork.h"
#include <QMenu>
#include <QDebug>
#include <QFileDialog>
#include <QPixmap>
#include <QMessageBox>

myWork::myWork(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::myWork)
{
    ui->setupUi(this);

    ui->toolButton->setEnabled(true);
    QMenu *tool_Menu = new QMenu;
    tool_Menu->addAction("打开文件");

    ui->toolButton->setMenu(tool_Menu);
}

myWork::~myWork()
{
    delete ui;
}

//选择文件中的图片
void myWork::on_toolButton_triggered(QAction *arg1)
{
    if(arg1->text() == "打开文件")
    {
        QStringList list = QFileDialog :: getOpenFileNames(this,
                                                           "打开图片文件",
                                                           "D:/picture",
                                                           "image(*.jpg *.png)");

        ui->listWidget->addItems(list);

        //获得listWidget列表的个数
        pic_Maxcount = ui->listWidget->count();
    }
}

//选择选项
void myWork::on_toolButton_clicked()
{
    ui->toolButton->showMenu();
}


//双击显示图片
void myWork::on_listWidget_itemDoubleClicked(QListWidgetItem *item)
{
    pic_Index = ui->listWidget->row(item);
    QPixmap pic = QPixmap(item->text());
    pic = pic.scaled(ui->label->width(), ui->label->height());

    ui->label->setPixmap(pic);
}


//前一张图片
void myWork::on_pushButton_clicked()
{
    if(--pic_Index < 0)
    {
        pic_Index = pic_Maxcount - 1;
    }

    QPixmap pic = QPixmap(ui->listWidget->item(pic_Index)->text());
    pic = pic.scaled(ui->label->width(), ui->label->height());

    ui->label->setPixmap(pic);
    pha = 0;
}

//后一张图片
void myWork::on_pushButton_2_clicked()
{
    if(++pic_Index > pic_Maxcount - 1)
    {
        pic_Index = 0;
    }

    QPixmap pic = QPixmap(ui->listWidget->item(pic_Index)->text());
    pic = pic.scaled(ui->label->width(), ui->label->height());

    ui->label->setPixmap(pic);
    pha = 0;
}

//左转
void myWork::on_pushButton_3_clicked()
{
    pha = (pha + 45) % 360;;
    QString str = ui->listWidget->item(pic_Index)->text();
    QPixmap pic = QPixmap(str);
    QTransform a;
    a.rotate(pha);

    pic = pic.transformed(a);
    pic = pic.scaled(ui->label->width(), ui->label->height());

    ui->label->setPixmap(pic);
}
//右转
void myWork::on_pushButton_4_clicked()
{
    pha = (pha - 45) % 360;;
    QString str = ui->listWidget->item(pic_Index)->text();
    QPixmap pic = QPixmap(str);
    QTransform a;
    a.rotate(pha);

    pic = pic.transformed(a);
    pic = pic.scaled(ui->label->width(), ui->label->height());

    ui->label->setPixmap(pic);
}

//关于本程序（使用QMessageBox消息窗体）
void myWork::on_toolButton_2_clicked()
{

    QMessageBox::StandardButton result = QMessageBox::information(this,
                                                                  tr("关于"),
                                                                  tr("生产与1998"),
                                                                  QMessageBox :: Ok);
}

十二、InputWidget控件

1、combo Box的使用

cpp 复制代码

Header:
#include <QComboBox> 
qmake:
QT += widgets
Inherits:
QWidget
Inherited By:
QFontComboBox

①、接口函数：

cpp 复制代码

添加信息
void addItem(const QString &text, constQVariant &userData = QVariant())
void addItem(const QIcon &icon, constQString &text, constQVariant &userData =QVariant())
void addItems(const QStringList &texts)

获取用户选择的信号
void activated(const QString &text)

②、练习：

cpp 复制代码

    QString str;
    str = "Hello world";

    QStringList list;
    list << "关于1";
    list << "关于2";
    list << "关于3";

    ui->comboBox->addItem(str);//一次添加一条信息
    ui->comboBox->addItems(list);//一次添加多条信息

和ToolButton的区别：combo Box点击之后会把信息显示到combo Box框。tool Button点击之后不会改变tool Button框里面的数据。

2、lineEdit的使用

cpp 复制代码

Header:
#include <QLineEdit> 
qmake:
QT += widgets
Inherits:
QWidget

①、练习

cpp 复制代码

//lineEdit框内容发生变化触发
void Widget::on_lineEdit_textChanged(const QString &arg1)
{
    qDebug() << arg1 <<endl;
}

3、QDial输入控件

cpp 复制代码

Header:
#include <QDial> 
qmake:
QT += widgets
Inherits:
QAbstractSlider

①、接口函数

cpp 复制代码

setRange(int , int ) //设置范围
setMaximum(int) //设置最大值
setMinimum(int) //最小值
value() const : int //获取当前值
setValue(int) //设置值

信号：
void sliderMoved(int value) //滑动 值
void sliderPressed()
void sliderReleased()
void valueChanged(int value) //值发生改变

练习

cpp 复制代码

//设置圆形滑动块的值
ui->dial->setRange(0, 1000);
ui->dial_2->setRange(0, 1000);

void Widget::on_dial_valueChanged(int value)
{
    //使用dial_1的值改变dial_2的值
    ui->dial_2->setValue(value);
}

十三、Display Widget

1、textBrowser控件

cpp 复制代码

Header:
#include <QTextBrowser> 
qmake:
QT += widgets
Inherits:
QTextEdit

①、接口函数

cpp 复制代码

void setPlainText(QString msg); //显示文本的内容

②、练习

cpp 复制代码

//设置框里面的内容
ui->textBrowser->setPlainText("Hello world");

void Widget::on_pushButton_clicked()
{
    //按下改变框内的数据
    ui->textBrowser->setPlainText("nihao");
}

//框内数据发生变化触发信号
void Widget::on_textBrowser_textChanged()
{
    //输出框内的数据
    qDebug() << ui->textBrowser->toPlainText() << endl;
}

2、QlcdNumber控件

cpp 复制代码

Header:
#include <QLCDNumber> 
qmake:
QT += widgets
Inherits:
QFrame

①、接口函数

cpp 复制代码

显示数据
void display(const QString &s)
void display(int num)
void display(double num)

设置显示的模式
void setBinMode()//二进制显示
void setDecMode()///十进制显示
void setHexMode()//十六进制显示
void setOctMode()//八进制显示

void setDigitCount(int numDigits) //设置LCD显示的位宽

②、练习

cpp 复制代码

//设置显示
ui->lcdNumber->display("Hello");
ui->lcdNumber->display(32);

//设置显示位宽
ui->lcdNumber->setDigitCount(10);
ui->lcdNumber->display(3.1415926);

//获取显示数据
double num = ui->lcdNumber->value();

3、progressBar控件

cpp 复制代码

Header:
#include <QProgressBar> 
qmake:
QT += widgets
Inherits:
QWidget

①、接口函数

cpp 复制代码

获取
int maximum() const
int minimum() const
int value() const

设置
void setRange(int minimum, int maximum)
void setValue(int value)
void setMaximum(int maximum)
void setMinimum(int minimum)

3、QT 的基础控件的使用

一、qFileDialog 文件窗体

静态函数接口：

QStringList 的使用：

二、QColorDialog 颜色窗体

静态函数接口：

练习：

三、QFontDialog 字体窗口

静态接口：

练习：

四、QInputDialog 文本输入窗体

静态接口

练习：

五、QMessageBox消息窗体

静态函数接口

窗口Logo:

练习：

按钮的选择：

六、QT基础控件的使用

1、Layouts布局控件的使用

练习：

七、item widget 视图的使用

1、listWidget的使用

接口函数

练习：

八、treeWidget的使用

1、添加列信息

2、添加项目信息

接口函数：

练习：

九、tableWidget的使用

1、添加列的信息

2、添加行的信息

接口函数

练习：设计一个表格，并往表格中插入 3个学生信息，列 姓名，班级 ，成绩

十、contain Box 的使用

1、toolBox

2、tabWidget

十二、InputWidget控件

1、combo Box的使用

①、接口函数：

②、练习：

2、lineEdit的使用

①、练习

3、QDial输入控件

①、接口函数

十三、Display Widget

1、textBrowser控件

①、接口函数

②、练习

2、QlcdNumber控件

①、接口函数

②、练习

3、progressBar控件

①、接口函数

练习：设计一个表格，并往表格中插入 3个学生信息，列姓名，班级，成绩