Qt快速入门到熟练(电子相册项目(一))

        经过一段时间的学习，相信大家对QT的基本用法都有所了解，从这篇文章开始，我准备记录一下电子相册的项目的一个学习过程。

实现项目创建功能

        对于这个电子相册的项目，我并没有在一开始就把所有可能用到的功能模块去事无巨细的考虑周全，我采用的方式是写到哪里我们在此基础上在添加功能，这样的好处是可以简化思维逻辑构建的复杂程度，避免在项目初期就由于考虑过多内容逻辑混乱无从下手。

新建mainwindow的项目

        不管我们做什么项目，首先需要一个主界面，在主界面的基础上我们进行功能的改进和模块的添加。这里我新建一个mainwindow的项目，不使用之前我们常用的Widget是因为mainwindow的项目自带菜单栏，可以更快构建我们项目的主要功能。

添加菜单栏

        新建mainwindow项目完成后，我们就需要在菜单栏中添加我们需要用到的菜单，刚开始我们只需要文件和设置两个选项，在文件列表里面需要添加创建文件和打开文件，设置里面可以暂时不用添加，也可以添加一个背景音乐的选项作为临时凑数。

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

    //创建菜单栏
    QMenu * menu_file = menuBar()->addMenu(tr("文件(&F)"));
    //创建项目动作
    QAction * act_create_pro = new QAction(QIcon(":/icon/createpro.png"), tr("创建项目"),this);
    act_create_pro->setShortcut(QKeySequence(Qt::CTRL + Qt::Key_N));
    menu_file->addAction(act_create_pro);

    //打开项目动作
    QAction * act_open_pro = new QAction(QIcon(":/icon/openpro.png"), tr("打开项目"),this);
    act_open_pro->setShortcut(QKeySequence(Qt::CTRL + Qt::Key_O));
    menu_file->addAction(act_open_pro);

    //创建设置菜单
    QMenu * menu_set = menuBar()->addMenu(tr("设置(&S)"));
    //设置背景音乐动作
    QAction * act_music = new QAction(QIcon(":/icon/music.png"), tr("背景音乐"),this);
    act_music->setShortcut(QKeySequence(Qt::CTRL + Qt::Key_M));
    menu_set->addAction(act_music);


}

为主窗口添加QDockWidget

        为实现一个电子相册，我们需要一个能够显示文件和图片列表的一个窗口，这里我选择使用一个QDockWidget来作为显示文件列表的窗口，然后在QDockWidget中添加treeWidget和label作为显示列表的容器，然后把QDockWidget设置为NoDockWidgetArea，来限制其可停靠的区域，并且取消其最大化和关闭窗口选项。

添加QSS

        观察上方运行结果，可以发现我的界面和你们的可能有些不同，我的界面是经过界面美化过的。在QT中界面美化一般都是通过编写QSS文件，然后在主函数调用的方式来完成界面美化，现在我们就来编写一下暂时所要用到的QSS条目：

创建一个QSS文件将其命名为style.qss

/*mainwindow 样式*/
MainWindow {
    /* 背景色 */
    background-color:rgb(46,47,48);
}

/*菜单栏基本样式*/
QMenuBar{
    color:rgb(231,231,231);
    background-color:rgb(46,47,48);
}

/*菜单基本样式*/
QMenu{
    color:rgb(231,231,231);
    background-color:rgb(55,55,55);
}

/* 菜单栏选中条目时 */
QMenuBar::item:selected {
        background-color:rgb(80,80,80);
}

/*菜单选中条目*/
QMenu::item:selected {
    background-color:rgb(39,96,154);
}

QDockWidget:title
{
    background-color:rgb(46,47,48);
}

/*为QDockWidget添加边框*/
QDockWidget>QWidget
{
    border-color: #9F9F9F;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding-right: 10px;
}

QDockWidget QLabel#label {
    color: rgb(231,231,231);
    border-color: #9F9F9F;
    border-style: dotted;
    border-width: 0 0 1px 0;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

QTreeView {
    color:rgb(231,231,231);
    background-color:rgb(46,47,48);
    border: 0px;
}

QWizard {
    color:rgb(231,231,231);
    background-color:rgb(46,47,48);
}

QWizard QLabel#tips {
    color: red;
}

        那么我们创建的qss文件该存放到哪里呢，不错qss文件和其他资源文件一样，都可以存放到我们的资源文件里面。所以我们创建一个QT资源文件，把创建好的qss文件添加进去。有些读者可能注意到了我在添加菜单栏的时候同时为它们设置了QIcon，这里面所用到的图片我一样是添加到了资源文件里面，只不过在之前没有明说，你们也可以选择自己喜欢的QIcon图片。

添加完成后现在我的资源文件的目录如下：

        上面我们说过，qss需要在主函数调用才能真正配置成功，所以下面我们就需要在主函数里面把qss里面的格式给它配置到我们的Qt程序中：

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    QFile qss(":/style/style.qss");
    if(qss.open(QFile::ReadOnly)){
        qDebug("open qss success");
        QString style = QLatin1String(qss.readAll());
        a.setStyleSheet(style);
        qss.close();
    }else{
        qDebug("Open failed");
    }
    w.show();

    return a.exec();
}

 在mainwindow.cpp中添加槽函数

        添加两个connect，在菜单文件中有两个QAction，针对这个两个QAction分别编写连接创建项目槽函数和连接打开项目的槽函数。

    //连接创建项目槽函数
    wizard = new Wizard(this);
    connect(act_create_pro, &QAction::triggered, wizard, &Wizard::SlotCreatePro);

    //连接打开项目的槽函数
    connect(act_open_pro, &QAction::triggered, this, &MainWindow::SlotOpenPro);
    //connect(this, &MainWindow::SigOpenPro, pro_tree_widget, &ProTreeWidget::SlotOpenPro);

创建向导类

点击创建项目，需要弹出一个向导界面，对创建项目进行配置引导。

所以我们点击添加新文件，选择Qt设计师界面类，选择界面模板为QWizard

        Wizard类ui自带两个QWizardPage，所以我们完全可以不用单独新建不同的QWizardPage类，但是对于Wizard类没有办法直接调用QWizardPage中registerField函数注册名为 "proPath" 的字段，并将其与 ui->LineEdit 组件相关联。所以对于不需要使用QWizardPage中函数的页面，无需新建QWizardPage类。

        我们在向导首页面需要设置项目的name和path，所以我们还要新建一个QWizardPage设计类，将其命名为WizardPage1。设置界面为如图所示

        在Wizard类的wizard.ui里面对wizardPage1提升为我们刚才新建的WizardPage1类，这样我们在wizardPage1.ui里面的设计都会继承到Wizard类的wizard.ui里面。

添加创建项目槽函数

        之前在mainwindow里面我们连接了一个向导类的槽函数SlotCreatePro，这里我们着手将其实现出来，

void Wizard::SlotCreatePro(bool){
    qDebug() << "slot create pro triggered" << endl;
//    Wizard wizard(this);
    this->setWindowTitle(tr("创建项目"));
//   auto *page = this->page(0);
    ui->wizardPage1->setTitle(tr("设置项目配置"));
    QVBoxLayout *layout = new QVBoxLayout(ui->wizardPage1);
    layout->setContentsMargins(10, 200, 10, 10);
    layout->addWidget(ui->wizardPage1);
    //连接信号和槽
    //connect(&wizard, &Wizard::SigProSettings, dynamic_cast<ProTree*>(_protree),&ProTree::AddProToTree);

    this->show();
    this->exec();
//    disconnect(&wizard);
}

        现在我们已经初步实现了向导界面的框架，之后我们只需要编写首页面的处理逻辑，本次的文章就完满完成。

进行WizardPage1逻辑编写

        将两个lineEdit注册为wizard的field，保证两个lineEdit是空的时候无法点击下一步，将QLineEdit的textEdited信号和WizardPage1的completeChanged信号连接起来，这样在lineEdit编辑的时候就会发送textEdited信号，进而触发WizardPage1发送completeChanged信号。
setClearButtonEnabled设置为true可以在lineEdit输入数据后显示清除按钮，直接清除已录入的字符。
        completeChanged信号是从WizardPage1的基类QWizardPage类继承而来的。completeChanged信号发出后会触发QWizardPage类的isComplete函数。

WizardPage1::WizardPage1(QWidget *parent) :
    QWizardPage(parent),
    ui(new Ui::WizardPage1)
{
    ui->setupUi(this);
    registerField("proPath", ui->lineEdit_2);
    registerField("proName", ui->lineEdit);

    connect(ui->lineEdit, &QLineEdit::textEdited, this, &WizardPage1::completeChanged);
    connect(ui->lineEdit_2, &QLineEdit::textEdited, this, &WizardPage1::completeChanged);
    QString curPath = QDir::currentPath();
    ui->lineEdit_2->setText(curPath);
    ui->lineEdit_2->setCursorPosition( ui->lineEdit_2->text().size());
    ui->lineEdit->setClearButtonEnabled(true);
    ui->lineEdit_2->setClearButtonEnabled(true);
}

为了实现特定的判断，我们重写isComplete函数。这样我们就能判断文件夹是否合理以及是否已经有项目路径了。
可以根据不满足的条件设置tips提示用户。

bool WizardPage1::isComplete() const
{
    if(ui->lineEdit->text() == "" || ui->lineEdit_2->text() == ""){
        return false;
    }

    //判断是否文件夹是否合理
    QDir dir(ui->lineEdit_2->text());
    if(!dir.exists())
    {
       //qDebug()<<"file path is not exists" << endl;
       ui->tips->setText("project path is not exists");
       return false;
    }

    //判断路径是否存在
    QString absFilePath = dir.absoluteFilePath(ui->lineEdit->text());
//    qDebug() << "absFilePath is " << absFilePath;

    QDir dist_dir(absFilePath);
    if(dist_dir.exists()){
        ui->tips->setText("project has exists, change path or name!");
        return false;
    }

    ui->tips->setText("");
    return QWizardPage::isComplete();
}

为浏览按钮添加点击后选择文件夹操作，在wizardPage1.ui文件里右键点击浏览按钮，选择转到槽，QT会为我们生成槽函数

void WizardPage1::on_pushButton_clicked()
{
    QFileDialog file_dialog;
    file_dialog.setFileMode(QFileDialog::Directory);
    file_dialog.setWindowTitle("选择导入的文件夹");
    auto path = QDir::currentPath();
    file_dialog.setDirectory(path);
    file_dialog.setViewMode(QFileDialog::Detail);

    QStringList fileNames;
    if (file_dialog.exec()){
        fileNames = file_dialog.selectedFiles();
    }

    if(fileNames.length() <= 0){
         return;
    }

    QString import_path = fileNames.at(0);
    qDebug() << "import_path is " << import_path << endl;
    ui->lineEdit_2->setText(import_path);
}

        在wizardPage1页面点击下一步会跳转到下一页。这一页没什么代码，在ui文件里添加提示即可，然后点击完成按钮完成创建。在完成时我们可以重写QWidzard的done函数。
将页面设置的项目名称和路径传递给ProTree类，ProTree类用来在MainWindow左侧显示树形目录，这个之后介绍。

void Wizard::done(int result)
{
    if(result == QDialog::Rejected){
        return QWizard::done(result);
    }
    QString name, path;
    ui->wizardPage1->GetProSettings(name, path);
    emit SigProSettings(name, path);
    QWizard::done(result);
}

        这里面我们定义了一个GetProSettings函数去获取从lineEdit里面得到的name和path信息。然后设计一个信号把name和path信息给发出去。

void WizardPage1::GetProSettings(QString &name, QString &path)
{
    name = ui->lineEdit->text();
    path = ui->lineEdit_2->text();
}

        到此为止我们创建项目有关的内容已经基本完成，下一节我们将会去实现关于把项目文件列表在treeView里面显示出来。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/634403.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

作为 App 开发者会推荐安装的 Mac App

作为 App 开发者会推荐安装的 Mac App

Xcode&#xff0c;作为 App 开发者&#xff0c;必须安装的工具。当然&#xff0c;有经验的开发者不会从 Mac App Store 下载&#xff0c;而是从网站下载&#xff0c;除了安装过程更可控&#xff0c;也方便多版本共存。此外&#xff0c;我不信任任何第三方下载方式&#xff1a; …
阅读更多...
在gitlab CICD中 小试 hooks:pre_get_sources_script 功能

在gitlab CICD中 小试 hooks:pre_get_sources_script 功能

参考链接&#xff1a; hooks:pre_get_sources_script 功能简介 hooks:pre_get_sources_script 是gitlab CICD中的一个功能&#xff0c;该功能可以指定在克隆 Git 仓库和任何子模块之前要在执行器上执行的某些命令。例如&#xff1a; 调整 Git 配置导出跟踪变量 下来简单给…
阅读更多...
Vivado IP核的快速入门 官方手册和例程

Vivado IP核的快速入门 官方手册和例程

在IP Catalog中选择要使用的IP核&#xff0c;可以查看支持的器件与资料。 在设计源sources页面中选中配置完成的IP核点击右键选择 Open IP Example Design&#xff0c;等待工程加载完成即可&#xff0c;可以点击Run Simulation进行功能仿真进行IP核的学习。 参考&#xff1…
阅读更多...
Android开发环境基础

Android开发环境基础

1.Android版本与SDK/API版本、JDK对应关系 参考博文&#xff1a; Android版本与SDK/API版本、JDK对应关系_minsdk 23对应安卓版本-CSDN博客 2.Android studio版本对用的gradle版本和插件版本&#xff08;注意事项&#xff09; 参考博文&#xff1a; Android studio版本对用的…
阅读更多...
CentOS-9配置静态IP地址

CentOS-9配置静态IP地址

查看配置命令nmcli CentOS 9 使用 nmcli 命令行工具进行网络配置。以下是配置静态 IP 地址的步骤和示例代码&#xff1a;相对以前centos7之类的&#xff0c;9版本的默认的网络是NetworkManager&#xff0c;网络配置也有较大改变 nmcli con show用vim进行编辑配文件 cd /etc/…
阅读更多...
vue3(一) - 结构认识

vue3(一) - 结构认识

通过之前博客应该已经完成了vue脚手架的认识和创建&#xff08;地址&#xff09;&#xff0c;这节我们简单介绍一下需要使用的一些关键技术&#xff0c;后续在详细介绍 结构目录 创建脚手架时&#xff0c;我选择了TypeScript,store,route这三个选项 index.html入口 node_mo…
阅读更多...
期中考复现

期中考复现

1.php渗透 用dirsearch 来扫描一下&#xff0c;发现了index.phps,访问一下 下载得到一个文件&#xff0c;打开看看&#xff0c;发现是一段php代码 分析得到&#xff0c; GET传参idadmin&#xff0c;主当$ GET[id] urldecode($ GET[id])时返回flag。即条件为 idadmin(urldecode…
阅读更多...
数据可视化第十天（爬虫爬取某瓣星际穿越电影评论，并且用词云图找出关键词）

数据可视化第十天（爬虫爬取某瓣星际穿越电影评论，并且用词云图找出关键词）

开头提醒 本次爬取的是用户评论&#xff0c;只供学习使用&#xff0c;不会进行数据的传播。希望大家合法利用爬虫。 获得数据 #总程序 import requests from fake_useragent import UserAgent import timefuUserAgent()headers{User-Agent:fu.random }page_listrange(0,10) …
阅读更多...
《QT实用小工具·六十五》基于QPropertyAnimation实现的移动动画和控件覆盖

《QT实用小工具·六十五》基于QPropertyAnimation实现的移动动画和控件覆盖

1、概述 源码放在文章末尾 该项目基于QPropertyAnimation实现了控件平移动画和控件之间的相互覆盖效果&#xff0c;项目demo演示如下所示&#xff1a; 项目解析&#xff1a; new QPropertyAnimation(ui.SingleOcclusion, “pos”); //创建动画对象&#xff0c;第一个参数传…
阅读更多...
二.常见算法--贪心算法

二.常见算法--贪心算法

&#xff08;1&#xff09;单源点最短路径问题 问题描述&#xff1a; 给定一个图&#xff0c;任取其中一个节点为固定的起点&#xff0c;求从起点到任意节点的最短路径距离。 例如&#xff1a; 思路与关键点&#xff1a; 以下代码中涉及到宏INT_MAX,存在于<limits.h>中…
阅读更多...
Vue从入门到实战 Day08~Day10

Vue从入门到实战 Day08~Day10

智慧商城项目 1. 项目演示 目标&#xff1a;查看项目效果&#xff0c;明确功能模块 -> 完整的电商购物流程 2. 项目收获 目标&#xff1a;明确做完本项目&#xff0c;能够收获哪些内容 3. 创建项目 目标&#xff1a;基于VueCli自定义创建项目架子 4. 调整初始化目录 目…
阅读更多...
基于springboot实现的校园博客系统

基于springboot实现的校园博客系统

开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclipse/idea Maven…
阅读更多...
工地升降机AI人数识别系统

工地升降机AI人数识别系统

工地升降机人数识别系统采用了AI神经网络和深度学习算法&#xff0c;工地升降机AI人数识别系统通过升降机内置的摄像头实时监测轿厢内的人员数量。通过图像处理和人脸识别算法&#xff0c;系统能够精确地识别升降机内的人数。一旦系统识别到人数达到或者超过设定的阈值&#xf…
阅读更多...
QT--TCP网络通讯工具编写记录

QT--TCP网络通讯工具编写记录

QT–TCP网络通讯工具编写记录 文章目录 QT--TCP网络通讯工具编写记录前言演示如下&#xff1a;一、服务端项目文件&#xff1a;【1.1】server_tcp.h 服务端声明文件【1.2】thread_1.h 线程处理声明文件【1.3】main.cpp 执行源文件【1.4】server_tcp.cpp 服务端逻辑实现源文件【…
阅读更多...
【MySQL进阶之路 | 基础篇】MySQL新特性 : 窗口函数

【MySQL进阶之路 | 基础篇】MySQL新特性 : 窗口函数

1. 前言 (1). MySQL8开始支持窗口函数. 其作用类似于在查询中对数据进行分组(GROUP BY)&#xff0c;不同的是&#xff0c;分组操作会把分组的结果聚合成一条记录. 而窗口函数是将结果置于每一条数据记录中. (2). 窗口函数还可以分为静态窗口函数和动态窗口函数. 静态窗口函数…
阅读更多...
秋招突击——算法——模板题——区间DP（1）——加分二叉树

秋招突击——算法——模板题——区间DP（1）——加分二叉树

文章目录 题目描述思路分析实现代码分析总结 题目描述 思路分析 实现代码 不过我的代码写的真的不够简洁&#xff0c;逻辑不够清晰&#xff0c;后续多练练吧。 // 组合数问题 #include <iostream> #include <algorithm>using namespace std;const int N 35; int…
阅读更多...
聚星宇学电商：现在开一家抖音网店真的好做吗

聚星宇学电商：现在开一家抖音网店真的好做吗

在数字经济的浪潮中&#xff0c;抖音以其强大的流量优势成为众多创业者眼中的“香饽饽”。然而&#xff0c;开一家抖音网店是否真的好做?这个问题值得我们深入探讨。 不可否认的是&#xff0c;抖音平台汇聚了海量的用户基础和丰富的社交属性&#xff0c;为商家提供了一个广阔的…
阅读更多...
【Linux】Centos7安装RabbitMQ

【Linux】Centos7安装RabbitMQ

【Linux】Centos7安装RabbitMQ 下载 从 rabbitmq 的 GitHub 仓库下载 https://github.com/rabbitmq/rabbitmq-server/releases rabbitmq 是 erlang 语言编写的&#xff0c;需要先安装 erlang https://github.com/rabbitmq/erlang-rpm/releases 安装 使用rz命令上传 erlang 和 …
阅读更多...
【linux】yumvim工具理解使用

【linux】yumvim工具理解使用

目录 Linux 软件包管理器 yum 关于 rzsz 注意事项 查看软件包 Linux开发工具 Linux编辑器-vim使用 vim的基本概念 vim的基本操作 vim正常模式命令集 vim末行模式命令集 简单vim配置 配置文件的位置 sudo提权 Linux 软件包管理器 yum 1.yum是什么&#xff1…
阅读更多...
Jenkins动态slave

Jenkins动态slave

目录 所需环境 安装nfs 部署Jenkins 安装插件 ​编辑添加凭据 配置动态slave 连接kubernetes集群 ​编辑配置Jenkins地址 ​编辑配置Pod模板 ​编辑确认代理端口 创建任务测试 在当今软件开发生命周期中&#xff0c;持续集成/持续部署&#xff08;CI/CD&#xff09;已…
阅读更多...
最新文章

Copyright @ 2022~2023