QT第四天（基础控件的使用）

open_python

已于 2022-11-21 16:36:39 修改

阅读量983

点赞数

分类专栏：笔记 QT 界面文章标签： qt 开发语言 ui

于 2022-11-21 16:32:42 首次发布

本文链接：https://blog.csdn.net/open_python/article/details/127965240

版权

笔记同时被 3 个专栏收录

29 篇文章 4 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

界面

2 篇文章 0 订阅

订阅专栏

一、布局控件

间隔器必须与布局一起使用

二、按钮控件

1、利用 QToolButton 制作一个文件工具按钮。包含，打开，另存为，保存，退出选项。

2、例子：

3、头文件：

4、视图：

三、item views 项目视图组

1、视图组的使用分为三块：一个是 item 项， model 模型， views 视图

2、项目部件

3、树列表部件

4、表格部件

例子：利用文件窗体，把获取到的文件路径显示到 listWidget 列表控件中。

一、布局控件

间隔器必须与布局一起使用

二、按钮控件

//设置工具按钮的菜单 
void setMenu(QMenu *menu)
    
//菜单选择信号    
void triggered(QAction *action)

QMenu 菜单类的使用  
QAction *addAction(const QString &text) //往菜单中添加选项

1、利用 QToolButton 制作一个文件工具按钮。包含，打开，另存为，保存，退出选项。

2、例子：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMenu>
#include <QFileSystemModel>
QFileSystemModel *model;
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    定义工具按钮的菜单
    QMenu *m = new QMenu(ui->toolButton);

    往菜单中添加选项
    m->addAction("打开");
    m->addAction("保存");
    m->addAction("另存为");
    m->addAction("退出");

//把选项设置到工具按钮中
//    ui->toolButton->setMenu(m);
//    ui->radioButton->setChecked(1);

    1、创建一个模型，文件浏览系统
    model = new QFileSystemModel;
    2、设置模型中的item
    model->setRootPath(QDir::currentPath());
    3、把模型设置到列表视图中
    ui->listView->setModel(model);
    4、把模型设置到列表视图中
    ui->listView->setModel(model);
    5、把模型设置到树视图中
    ui->treeView->setModel(model);
}

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

点击事件
void MainWindow::on_toolButton_clicked()
{
    显示菜单
    ui->toolButton->showMenu();
}

下拉菜单
void MainWindow::on_toolButton_triggered(QAction *arg1)
{
    ui->label->setText(arg1->text());
}

//双击事件，文件树列表
//void MainWindow::on_treeView_doubleClicked(const QModelIndex &index)
//{
//    QString path = model->filePath(index);
//    ui->label_3->setText(path);
//}

单击事件，文件树
void MainWindow::on_treeView_clicked(const QModelIndex &index)
{
    QString path = model->filePath(index);
    ui->label_3->setText(path);
}

3、头文件：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
private slots:
    void on_toolButton_clicked();
    void on_toolButton_triggered(QAction *arg1);
    void on_radioButton_clicked();
    void on_treeView_doubleClicked(const QModelIndex &index);
    void on_treeView_clicked(const QModelIndex &index);
private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

4、控件

5、视图：

三、item views 项目视图组

1、视图组的使用分为三块：一个是 item 项， model 模型， views 视图

//设置模型 
void setModel( mode)

//视图中的双击信号      
void doubleClicked(const QModelIndex &index)

//model 中的接口，通过索引得到内容    
QString fileName(const QModelIndex &index) const
QString filePath(const QModelIndex &index) const

2、项目部件

void addItem(const QString &label) //往列表中添加项   
void addItem(QListWidgetItem *item) //往列表中添加项
void addItems(const QStringList &labels) //往列表中添加多项 
信号: 
void itemDoubleClicked(QListWidgetItem *item)

3、树列表部件

//信号
void itemDoubleClicked(QTreeWidgetItem *item, int column)  
//获取用户点击的内容槽
void MainWindow::on_treeWidget_itemDoubleClicked(QTreeWidgetItem *item, int column)
{
     QString msg  =  item->text(column);
     ui->label->setText(msg);
}

4、表格部件

信号
void itemDoubleClicked(QTableWidgetItem *item)

例子：利用文件窗体，把获取到的文件路径显示到 listWidget 列表控件中。

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QFileDialog>
#include <QListWidgetItem>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->listWidget->addItem("小明");
    ui->listWidget->addItem(new QListWidgetItem("小东"));
    QStringList labels;
    labels << "小花" << "小美" << "小刘";
    ui->listWidget->addItems(labels);
}
MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::on_pushButton_clicked()
{
    QStringList files = QFileDialog::getOpenFileNames(
        this,    当前窗口
        " open", 标题
        "/home", 打开路径
        "Images (*.png *.bmp *.jpg)"); 过滤格式
        ui->listWidget->clear();  清除上一次的数据
        ui->listWidget->addItems(files); 将路径名加入到item中
}

void MainWindow::on_listWidget_itemDoubleClicked(QListWidgetItem *item)
{
    ui->label->setText(item->text());
}

四、箱子控件

滚动箱子，滑块

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    QDateTime date = QDateTime::currentDateTime();  获取系统时间
    ui->dateTimeEdit->setDateTime(date);    显示到Edit框中
    ui->dial->setRange(0,100);  圆形滑块
    ui->horizontalScrollBar->setRange(0,100);   滚动滑条
    ui->horizontalSlider->setRange(0,100);    滑块滑动的范围
    ui->verticalScrollBar->setRange(0,100);
    ui->verticalSlider->setRange(0,100);
}

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

1、滑条在标签显示数值，和字体在标签显示

1、增加或减少数值int
void MainWindow::on_spinBox_valueChanged(const QString &arg1)
{
    ui->label->setText(arg1);
}
增加或减少数值float
void MainWindow::on_doubleSpinBox_valueChanged(const QString &arg1)
{
     ui->label->setText(arg1);
}

2、表格部件,双击显示，双击修改
void MainWindow::on_tableWidget_itemDoubleClicked(QTableWidgetItem *item)
{
    //ui->label->setText(item->text());
}
单击显示，双击修改
void MainWindow::on_tableWidget_itemClicked(QTableWidgetItem *item)
{
    ui->label->setText(item->text());
}

滚动列表
void MainWindow::on_comboBox_currentTextChanged(const QString &arg1)
{
    ui->label_2->setText(arg1);
}

3、字体
void MainWindow::on_fontComboBox_currentFontChanged(const QFont &f)
{
    set可以调出各种类型
    ui->label_3->setFont(f);
}

2、显示时间控件


时间控件,年月日
void MainWindow::on_dateTimeEdit_dateChanged(const QDate &date)
{
    QString msg = date.toString("yyyy-MM-dd");
    ui->label_5->setText(msg);
}

时分
void MainWindow::on_timeEdit_userTimeChanged(const QTime &time)
{
    QString msg = time.toString("HH:mm");
    ui->label_5->setText(msg);
}
可精确到时分秒
void MainWindow::on_dateTimeEdit_dateTimeChanged(const QDateTime &dateTime)
{
    QString msg = dateTime.toString("yyyy-MM-dd HH:mm:ss");
    QDateTime date = QDateTime::currentDateTime();
    ui->label_5->setText(dateTime.toString());
}

3、读取文本到文本框中


4、将文本读取到文本框中
void MainWindow::on_pushButton_clicked()
{
    QString filrname = QFileDialog::getOpenFileName(
                this,   显示窗口
                tr("打印文本"), 标题
                "/home",    打开路径
                tr("file(*.jpg *)")); 过滤格式
    1、设置文件路径
    QFile f(filrname);
    2、打开文件
    f.open(QIODevice::ReadWrite);
    3、读取文本所有内容
    QByteArray data = f.readAll();
    4、设置到文本框中
    ui->textEdit->setText(data);
    5、设置提示信息
    ui->plainTextEdit->appendHtml(data);

}

4、圆形滑块和四个条形滑块的使用


圆形滚动
void MainWindow::on_dial_valueChanged(int value)
{
    ui->label->setNum(value);
    ui->verticalSlider->setValue(value);    梦幻联动
}


滑条滚动1
void MainWindow::on_horizontalScrollBar_valueChanged(int value)
{
    ui->label_6->setNum(value);
    ui->horizontalSlider->setValue(value);  //两条滑块一起动

}
滑条滚动2
void MainWindow::on_horizontalSlider_valueChanged(int value)
{
    ui->label_6->setNum(value);
    ui->verticalSlider->setValue(value);
}
滑条滚动3
void MainWindow::on_verticalScrollBar_valueChanged(int value)
{
    ui->label_6->setNum(value);
    ui->horizontalScrollBar->setValue(value);
}
滑条滚动4
void MainWindow::on_verticalSlider_valueChanged(int value)
{
    ui->label_6->setNum(value);

    ui->verticalScrollBar->setValue(value);
}

5、头文件

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include<QTableWidgetItem>
#include <QFont>
#include <QTextCharFormat>
#include <QFileDialog>
#include<QDate>
#include<QTime>
#include<QDateTime>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
各种槽
    void on_spinBox_valueChanged(const QString &arg1);
    void on_doubleSpinBox_valueChanged(const QString &arg1);
    void on_tableWidget_itemDoubleClicked(QTableWidgetItem *item);
    void on_tableWidget_itemClicked(QTableWidgetItem *item);
    void on_comboBox_currentTextChanged(const QString &arg1);
    void on_fontComboBox_currentFontChanged(const QFont &f);
    void on_pushButton_clicked();
    void on_dateTimeEdit_dateChanged(const QDate &date);
    void on_timeEdit_userTimeChanged(const QTime &time);
    void on_dateTimeEdit_dateTimeChanged(const QDateTime &dateTime);
    void on_dial_rangeChanged(int min, int max);
    void on_MainWindow_iconSizeChanged(const QSize &iconSize);
    void on_dial_valueChanged(int value);
    void on_horizontalScrollBar_valueChanged(int value);
    void on_horizontalSlider_valueChanged(int value);
    void on_verticalScrollBar_valueChanged(int value);
    void on_verticalSlider_valueChanged(int value);

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

6、效果

五、显示控件

1、QLabel标签

#include <QMovie>
#include<QFileDialog>
void clear() ;清空标签
void setMovie(QMovie *movie) ;设置GIF图
void setNum(int num);//设置数字 
void setPixmap(const QPixmap &) ;设置图片 
void setText(const QString &) ;  设置文本 

------------------------------------------------------------------------------------
//设置图片
//定义一图片
QPixmap pic("图片路径名");
//适应标签
pic = pic.scaled(ui->label->width(),ui->label->height());
//把图片设置到标签中
ui->label->setPixmap(pic);    
//设置GIF  
QMovie *mv = new  QMovie("E:/2.gif");
    ui->label_2->setMovie(mv);
    //启动gif
    mv->start();

2、textBrowser文本显示框

append(const QString &str);
setText(const QString &str);

3、lcdnumber数码显示框

void setDigitCount(int numDigits);  //设置位数 
void display(const QString &s);
void display(int num);

4、QProgressBar进度条

int value() const;  //进度条的当前值 
void setRange(int minimum, int maximum) ;//设置进度条的最大值 和 最小值 
void setValue(int value); //设置进度条的当前值

5、示例：

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    ui->lcdNumber->setDigitCount(22);   设置LCD的位深，位数变多
    QDateTime date2 = QDateTime::currentDateTime();  获取当前时间
    ui->lcdNumber->display(date2.toString("yyyy-MM-dd hh:mm:ss ddd"));   输出到LCD中
    设置进度条的范围,不用设置进度条范围，规定只有0%-100%
//    ui->progressBar->setRange(0,100);
    设置当前值
    ui->progressBar->setValue(0);
    设置滑块的范围
    ui->horizontalSlider->setRange(0,100);
}
MainWindow::~MainWindow()
{
    delete ui;
}
void MainWindow::on_horizontalSlider_valueChanged(int value)
{
    ui->label->setNum(value);
    ui->progressBar->setValue(value);
}

6、头文件：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include<QDate>
#include<QDateTime>
QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_calendarWidget_clicked(const QDate &date);
    void on_horizontalSlider_valueChanged(int value);
private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H