Qt学习（一）ui界面的设计

最新推荐文章于 2025-10-13 10:42:56 发布

原创

最新推荐文章于 2025-10-13 10:42:56 发布 · 1w 阅读

35 ·

CC 4.0 BY-SA版权

这几天初步接触了Qt，首先在学习Qt的UI界面的设计，发现Qt里面自带的那些控件与窗体显示效果都不太好，于是上网看了一些教程，也参考了一个demo界面，然后初步设计了一个ui界面。

大概的设计思路是先去掉MainWindow里的边框、菜单栏以及标题栏，自己制作需要的菜单栏以及标题栏。

（重载其中的窗体绘制事件paintEvent、鼠标移动事件mouseMoveEvent、鼠标按下事件mousePressEvent）

以下为代码

//mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

//Qt常用类
#include <QtCore>
#include <QtGui>

#include <QMainWindow>
#include <QMenu>
#include <QPushButton>
#include <animationbutton.h>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

protected:
    //重载窗体绘制函数
    void paintEvent(QPaintEvent *);
    //移动窗体鼠标距离
    void mouseMoveEvent(QMouseEvent *);
    //获得鼠标拖动窗体移动距离
    void mousePressEvent(QMouseEvent *);

private slots:
    void on_menu_btn_clicked();

private:
    Ui::MainWindow *ui;

    QPixmap m_pixmapBg;
    QAction *m_Ac