QT桌面项目（第一个应用程序桌面壁纸软件）-摩杜云开发者社区

(文章目录)

前言

上节课我们已经做好了APP的按键图标了，这篇文章就让我们来开始制作第一个桌面程序吧。

一、壁纸切换程序的布局

这个是windows上浏览器查看图片的界面，看起来是非常的简单明了的，在旁边有两个前进和后退的按键用来控制图片的更换，中间是用来显示图片的部分，这个部分我们使用一个QWidget来显示即可。背景颜色可以使用QQ的截图查看RGB，当然了也可以根据自己的喜好来设置。在这里插入图片描述

二、添加资源文件

首先要将背景图添加到资源文件当中：

在这里插入图片描述

三、代码编写

创建一个类来管理壁纸界面，这个类继承于QWidget：

BcakGround.h:

#ifndef BACKGROUND_H
#define BACKGROUND_H

#include <QObject>
#include <QWidget>
#include <QPushButton>
#include <QMouseEvent>
#include <QMenu>
#include <QAction>
#include <QContextMenuEvent>

class BackGround : public QWidget
{
    Q_OBJECT

    QPushButton m_backbtn;/*向后按键*/
    QPushButton m_aheadbtn;/*向前按键*/

    QWidget p_dis;/*显示图片界面*/

    QStringList PngList;/*存放所有图片的路径*/

    int NowImageIndex;/*当前显示图片的下标*/

    QString m_ImagePath;/*当前图片相对路径*/

    QMenu* m_menu;/*菜单栏*/
    QAction* m_action;

    void GetImageName();/*得到文件夹下的全部文件相对路径并存放入链表当中保存*/

    void ShowImage(QString path);/*在当前选择界面显示对应图片*/

    void MenuInit();/*菜单栏初始化*/

public:
    explicit BackGround(QWidget *parent = nullptr);
    QString GetNowImagePath();/*提供给外部使用,得到选择的图片绝对路径*/

signals:
    void updateBackGround();/*更新背景图片信号*/
protected:
    void contextMenuEvent(QContextMenuEvent *event);

protected slots:
    void m_backbtn_clicked();
    void m_aheadbtn_clicked();
    void SetNowImagePath();
};

#endif // BACKGROUND_H

BcakGround.c:

#include "BackGround.h"
#include <QIcon>
#include <QDebug>
#include <QHBoxLayout>
#include <Qpalette>
#include <QDir>

BackGround::BackGround(QWidget *parent): QWidget{parent}, m_backbtn(this),
    m_aheadbtn(this), p_dis(this)
{
    setFixedSize(1024, 600);

    NowImageIndex = 0;

    /*设置背景颜色*/
    setAutoFillBackground(true);
    QPalette palette1;
    palette1.setColor(QPalette::Window, QColor(43, 43, 43));
    setPalette(palette1);

    // 设置 QWidget 的背景图
    QPixmap pixmap(":/BackGround/Desktop2 (1).jpg");
    QPalette palette;
    palette.setBrush(backgroundRole(), QBrush(pixmap));
    p_dis.setPalette(palette);
    p_dis.setAutoFillBackground(true);

    /*按键样式设置*/
    m_backbtn.setIcon(QIcon(":/Back.png"));
    m_backbtn.setStyleSheet("QPushButton { border-radius: 25px; min-width: 50px; min-height: 50px; "
                            "border: 0px solid black; }");
    m_backbtn.setFixedSize(50, 50);
    m_backbtn.setIconSize(m_backbtn.size());


    m_aheadbtn.setIcon(QIcon(":/ahead.png"));
    m_aheadbtn.setStyleSheet("QPushButton { border-radius: 25px; min-width: 50px; min-height: 50px; "
                            "border: 0px solid black; }");
    m_aheadbtn.setFixedSize(50, 50);
    m_aheadbtn.setIconSize(m_aheadbtn.size());

    /*界面布局*/
    QHBoxLayout* layout = new QHBoxLayout(this);
    layout->addWidget(&m_backbtn);
    layout->addWidget(&p_dis);
    layout->addWidget(&m_aheadbtn);

    GetImageName();

    MenuInit();

    connect(&m_backbtn, SIGNAL(clicked()), this, SLOT(m_backbtn_clicked()));
    connect(&m_aheadbtn, SIGNAL(clicked()), this, SLOT(m_aheadbtn_clicked()));
}

/*获得背景图的文件名*/
void BackGround::GetImageName()
{
    QDir dir("D:/QT project/wallpaper/BackGround");
    if (!dir.exists()) {
        qDebug() << "this dir is unexists";
    }
    dir.setFilter(QDir::Files | QDir::NoSymLinks);
    PngList = dir.entryList();
}

/*根据选择的文件名显示对应的图片*/
void BackGround::ShowImage(QString path)
{
    QPixmap pixmap(QString(":/BackGround/") + path);
    QPalette palette;
    palette.setBrush(backgroundRole(), QBrush(pixmap));
    p_dis.setPalette(palette);
    p_dis.setAutoFillBackground(true);
}

void BackGround::m_backbtn_clicked()
{
    if(NowImageIndex > 0)
    {
        NowImageIndex--;
    }

    ShowImage(PngList[NowImageIndex]);
}

void BackGround::m_aheadbtn_clicked()
{
    if(NowImageIndex < PngList.count() - 1)
    {
        NowImageIndex++;
    }

    ShowImage(PngList[NowImageIndex]);
}

void BackGround::MenuInit()
{
    m_menu = new QMenu(this);
    m_action = new QAction();
    m_action->setText("设置为背景图");
    m_menu->addAction(m_action);

    connect(m_action, SIGNAL(triggered()), this, SLOT(SetNowImagePath()));
}

/*得到背景图路径*/
void BackGround::SetNowImagePath()
{
    m_ImagePath = PngList[NowImageIndex];
    emit updateBackGround();
}

/*获取背景图绝对路径*/
QString BackGround::GetNowImagePath()
{
    /*得到绝对路径*/
    QString abspath = QString(":/BackGround/") + m_ImagePath;
    return abspath;
}

/*重写contextMenuEvent捕获鼠标右键事件生成菜单栏*/
void BackGround::contextMenuEvent(QContextMenuEvent *event)
{
    m_menu->exec(QCursor::pos());
    event->accept();
}

四、主界面代码

这里我们需要编写一个SetNowBackGround槽函数来接收updateBackGround信号，当接收到这个信号时更新界面。

void Widget::SetNowBackGround()
{
    QPixmap pixmap(bg->GetNowImagePath());
    QPalette palette;
    palette.setBrush(backgroundRole(), QBrush(pixmap));
    setPalette(palette);
    setAutoFillBackground(true);
}

五、程序的编写思路

代码注释已经非常详细了，这里我就主要给大家讲解一下主要的思路。

1.使用水平布局管理器布局整个界面

2.使用QDir得到图片的路径并保存到QStringList中

3.重写contextMenuEvent函数，当鼠标右键按下时出现一个菜单栏，并连接菜单栏中的QAction的triggered信号到自定义的SetNowImagePath槽函数中

4.当菜单栏中的QAction被按下时发送updateBackGround信号告诉主界面应该更新背景图了

5.主界面中定义对应的槽函数更新界面

六、程序效果

这个壁纸软件我们还可以把他做的更好，我们可以添加查找框，查找一些我们想要的背景图，或者添加一些图片的分类让我们可以直接进行选择，这些就留给大家去完善了。在这里插入图片描述

总结

本篇文章就讲解到这里了，下面我们将持续完善我们的QT桌面程序。