文档章节

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
203
0
Qt日记(2)-360新版特性界面实现(2)

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

晨曦之光
2012/05/24
1K
0
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
常见的几个Qt编程问题的处理

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

红薯
2010/09/09
872
1
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

没有更多内容

加载失败,请刷新页面

加载更多

如何通过 J2Cache 实现分布式 session 存储

做 Java Web 开发的人多数都会需要使用到 session (会话),我们使用 session 来保存一些需要在两个不同的请求之间共享数据。一般 Java 的 Web 容器像 Tomcat、Resin、Jetty 等等,它们会在...

红薯
53分钟前
1
0
C++ std::thread

C++11提供了std::thread类来表示一个多线程对象。 1,首先介绍一下std::this_thread命名空间: (1)std::this_thread::get_id():返回当前线程id (2)std::this_thread::yield():用户接口...

yepanl
今天
2
0
Nignx缓存文件与动态文件自动均衡的配置

下面这段nginx的配置脚本的作用是,自动判断是否存在缓存文件,如果有优先输出缓存文件,不经过php,如果没有,则回到php去处理,同时生成缓存文件。 PHP框架是ThinkPHP,最后一个rewrite有关...

swingcoder
今天
1
0
20180920 usermod命令与用户密码管理

命令 usermod usermod 命令的选项和 useradd 差不多。 一个用户可以属于多个组,但是gid只有一个;除了gid,其他的组(groups)叫做扩展组。 usermod -u 1010 username # 更改用户idusermod ...

野雪球
今天
1
0
Java网络编程基础

1. 简单了解网络通信协议TCP/IP网络模型相关名词 应用层(HTTP,FTP,DNS等) 传输层(TCP,UDP) 网络层(IP,ICMP等) 链路层(驱动程序,接口等) 链路层:用于定义物理传输通道,通常是对...

江左煤郎
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部