文档章节

Qt不规则窗体组合的使用

BB计划
 BB计划
发布于 2014/05/30 09:40
字数 840
阅读 33
收藏 0

这个题目来源自安防产品,需要把一系列不规则的窗口整个成一个特定的形状,这里需要组合成圆形。

在这里使用的是QtCreator作为编辑工具。

首先,拖一些控件到主窗体,

第2步,创建一个扩展过的类

头文件:

#ifndef QEXPUSHBUTTON_H
#define QEXPUSHBUTTON_H

#include <QWidget>
#include <QPushButton>
#include <QPixmap>

class QExPushButton : public QPushButton
{
    Q_OBJECT
public:
    explicit QExPushButton(QWidget *parent = NULL);
    void setPixmap(const QString strPath, float wScaled = 1, float hScaled = 1);
    void setPixmapPressed(const QString strPath, float wScaled = 1, float hScaled = 1);

    void setPixmap(const QPixmap & strPath, float wScaled = 1, float hScaled = 1);
    void setPixmapPressed(const QPixmap & strPath, float wScaled = 1, float hScaled = 1);
signals:
    void pressed();

    void released();
public slots:
protected:
    void paintEvent(QPaintEvent *);
    void mousePressEvent(QMouseEvent *);
    void mouseReleaseEvent(QMouseEvent *);
protected:
    QPixmap m_pixReleased;
    QPixmap m_pixMask;
    QPixmap m_pixPressed;
    bool m_binit;
};

#endif // QEXPUSHBUTTON_H

源文件:

#include "QExPushButton.h"
#include <QPainter>
#include <QMessageBox>
#include <QBitmap>
#include <QMouseEvent>
#include <Qdebug>
QExPushButton::QExPushButton(QWidget *parent) :
    QPushButton(parent)
{
    m_binit = false;

}

void QExPushButton::setPixmap(const QPixmap & pixmap, float wScaled, float hScaled)
{
    m_pixReleased = pixmap;
    m_pixReleased = m_pixReleased.scaled(m_pixReleased.width() * wScaled, m_pixReleased.height() * hScaled);
    if (!m_binit)
    {
        m_pixMask = m_pixReleased;
        setMask(QBitmap(m_pixMask.mask()));
        m_binit = true;
    }
}

void QExPushButton::setPixmap(const QString strPath, float wScaled, float hScaled)
{
    m_pixReleased = QPixmap(strPath);
    m_pixReleased = m_pixReleased.scaled(m_pixReleased.width() * wScaled, m_pixReleased.height() * hScaled);
    if (!m_binit)
    {
        m_pixMask = m_pixReleased;
        setMask(QBitmap(m_pixMask.mask()));
        m_binit = true;
    }
}

void QExPushButton::setPixmapPressed(const QPixmap & strPath, float wScaled, float hScaled)
{
    m_pixPressed = strPath;
    m_pixPressed = m_pixPressed.scaled(m_pixPressed.width() * wScaled, m_pixPressed.height() * hScaled);
}
void QExPushButton::setPixmapPressed(const QString strPath, float wScaled, float hScaled)
{
    m_pixPressed = QPixmap(strPath);
    m_pixPressed = m_pixPressed.scaled(m_pixPressed.width() * wScaled, m_pixPressed.height() * hScaled);
}
void QExPushButton::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.drawPixmap(0, 0, m_pixMask);
}

void QExPushButton::mouseReleaseEvent(QMouseEvent *e)
{
    if (e->button() != Qt::LeftButton)
    {
        e->ignore();
    }
    if (e->type() == QEvent::MouseButtonRelease)
    {
        m_pixMask = m_pixReleased;
        qDebug() <<"MouseButtonRelease";
        repaint();
        emit released();
    }
}

void QExPushButton::mousePressEvent(QMouseEvent *e)
{
    if (e->button() != Qt::LeftButton)
    {
        e->ignore();
    }
    if (e->type() == QEvent::MouseButtonPress)
    {
        m_pixMask = m_pixPressed;
        qDebug() <<"MouseButtonPress";
        repaint();
        emit pressed();
    }
}

接下来,需要在界面窗体将button控件提升一下:

右键,提升,然后输入类名称即可。

接下来要做的事情则比较机械化,就是在主窗体的对应cpp文件中分别设置空间的鼠标按下时的图片和鼠标松开的图片,在这里,请注意偏移量的使用和缩放比例的使用,有时候会很有用。

#include "mainwindow.h"
#include "QExPushButton.h"
#include <QPixmap>
#include <QIcon>
#include <QBitmap>
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent)
{

    setupUi(this);
    // 1 先计算出屏幕缩放比例
    float fwscaled = 1;
    float fhscaled = 1;

    // 2 所有的按钮同一个偏移量
    int h = 0;
    int w = 0;
    //中心按钮略有不同,这和中心按钮的原始大小有关系
    int hcenter = 1;
    int wcenter = 1;

    // 3 所有的按钮同一个大小

    QSize size(205, 205);
    size.setWidth(size.width() * fwscaled);
    size.setHeight(size.height() * fhscaled);


    QSize sizeCenter(230, 230);
    sizeCenter.setWidth(sizeCenter.width() * fwscaled);
    sizeCenter.setHeight(sizeCenter.height() * fhscaled);



    ptn_up->resize(size);
    ptn_up->move(w, h);
    ptn_leftUp->resize(size);
    ptn_leftUp->move(w, h);
    ptn_left->resize(size);
    ptn_left->move(w, h);
    ptn_leftDown->resize(size);
    ptn_leftDown->move(w, h);
    ptn_down->resize(size);
    ptn_down->move(w, h);
    ptn_rightDown->resize(size);
    ptn_rightDown->move(w, h);
    ptn_right->resize(size);
    ptn_right->move(w, h);
    ptn_rightUp->resize(size);
    ptn_rightUp->move(w, h);


    ptn_up->setPixmapPressed(":/res/11up.png", fwscaled, fhscaled);
    ptn_leftUp->setPixmapPressed(":/res/11leftUp.png", fwscaled, fhscaled);
    ptn_left->setPixmapPressed(":/res/11left.png", fwscaled, fhscaled);
    ptn_leftDown->setPixmapPressed(":/res/11leftDown.png", fwscaled, fhscaled);
    ptn_down->setPixmapPressed(":/res/11down.png", fwscaled, fhscaled);
    ptn_rightDown->setPixmapPressed(":/res/11rightDown.png", fwscaled, fhscaled);
    ptn_right->setPixmapPressed(":/res/11right.png", fwscaled, fhscaled);
    ptn_rightUp->setPixmapPressed(":/res/11rightUp.png", fwscaled, fhscaled);

    ptn_up->setPixmap(":/res/1up.png", fwscaled, fhscaled);
    ptn_leftUp->setPixmap(":/res/1leftUp.png", fwscaled, fhscaled);
    ptn_left->setPixmap(":/res/1left.png", fwscaled, fhscaled);
    ptn_leftDown->setPixmap(":/res/1leftDown.png", fwscaled, fhscaled);
    ptn_down->setPixmap(":/res/1down.png", fwscaled, fhscaled);
    ptn_rightDown->setPixmap(":/res/1rightDown.png", fwscaled, fhscaled);
    ptn_right->setPixmap(":/res/1right.png", fwscaled, fhscaled);
    ptn_rightUp->setPixmap(":/res/1rightUp.png", fwscaled, fhscaled);


    ptn_center->resize(sizeCenter);
    ptn_center->move(wcenter, hcenter);

    //中心按钮再次缩放
    float fcenter = 0.92;
    QPixmap pix(":/res/ptz.png");
    ptn_center->resize(pix.size());
    ptn_center->setPixmap(":/res/ptz.png", fwscaled * fcenter, fhscaled * fcenter);
    ptn_center->setPixmapPressed(":/res/ptz.png", fwscaled * fcenter, fhscaled * fcenter);
}

MainWindow::~MainWindow()
{



}

最后,看一下效果图:

注意,我使用的小图片的尺寸都是一样的,

© 著作权归作者所有

共有 人打赏支持
BB计划
粉丝 0
博文 8
码字总数 2859
作品 0
广州
程序员
私信 提问
QT中不规则窗体和部件的实现

Qt中不规则窗体和部件的实现,不管是窗体还是部件,都是从QWidget派生而来的,所以它们的原理是一样的,都是设置部件的背景色或者按钮图标等为一个图像A,然后设置此部件的掩码为另一个图像B...

晨曦之光
2012/04/13
229
0
Qt日记(2)-360新版特性界面实现(2)

1.UI的结构 开始画图形界面,首先确定UI的大小,找到360新版特性界面的皮肤,可以看到: 4个不同的页面的像素为:680 * 370 而最顶层的一层透明页面像素为:680 * 372 如图: QSize(680, 370...

晨曦之光
2012/05/24
1K
0
常见的几个Qt编程问题的处理

1、如果在窗体关闭前自行判断是否可关闭 答:重新实现这个窗体的closeEvent()函数,加入判断操作 引用 void MainWindow::closeEvent(QCloseEvent *event) { if (maybeSave()) { writeSettin...

红薯
2010/09/09
1K
1
Ubuntu 14.04下搭建Python3.4 + PyQt5.4.0 + Eric6.0开发平台

简要说明:QT是一个跨平台界面库和开发工具集,PyQt是其Python封装模块,其封装采用Sip完成(可以让C++库直接在Python中调用),Eric是基于Python的一个代码编辑器。 引言 找了很多Python GU...

openthings
2015/01/22
0
3
Ubuntu 14.04下搭建Python3.4 + PyQt5.3.2 + Eric6.0开发平台

Ubuntu 14.04下搭建Python3.4 + PyQt5.3.2 + Eric6.0开发平台 分类: Linux Ubuntu Oracle 2014-10-14 14:49 3613人阅读 评论(13) 收藏 举报 UbuntuPythonSIPPyQt5Eric6 目录(?)[+] 引言 找了......

Sophia_tj
2015/02/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Impala和Hive集成Sentry、Kerberos认证

关于 Kerberos 的安装和 HDFS 配置 kerberos 认证,请参考 HDFS配置kerberos认证。 关于 Kerberos 的安装和 YARN 配置 kerberos 认证,请参考 YARN配置kerberos认证。 关于 Kerberos 的安装和...

hblt-j
8分钟前
0
0
Ubuntu 18.04 PostgreSQL 11 apt 默认安装某些问题解析

首先默认安装软件(本文以PostgreSQL 11.1为例,其他版本类似)。 sudo apt install postgresql-11 等待软件自动安装并完成配置,启动服务。 服务状态如下: vmware@vmware-virtual-machine:...

白豆腐徐长卿
21分钟前
1
0
一步步动手实现高并发的Reactor模型 —— Kafka底层如何充分利用多线程优势去处理网络I/O与业务分发

一、从《Apeche Kafka源码剖析》上搬来的概念和图 Kafka网络采用的是Reactor模式,是一种基于事件驱动的模式。熟悉Java编程的读者应该了解Java NIO提供了Reactor模式的API。常见的单线程Jav...

Anur
25分钟前
1
0
数字信号处理各种处理及图象

https://wenku.baidu.com/view/b1bb67f1f90f76c661371a75.html?sxts=1544696459935

whoisliang
28分钟前
1
0
rabbitmq学习

使用docker安装rabbit docker run -d --hostname my-rabbit --name rabbit -p 8080:15672 rabbitmq:management--hostname:指定容器主机名称--name:指定容器名称-p:将mq端口号映射到本地...

元谷
43分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部