QT开发中文网

qt怎么在白板下实现透明背景(透明色 是只没有自己写的窗口一样能在窗口后面的画线) 能使用橡皮擦 给完整示例

要实现在窗口下方的白板具有透明背景,并且能够画线和使用橡皮擦功能,您可以使用QWidget作为基类,并将其设置为透明背景。以下是一个基于Qt的完整示例代码:

#include <QApplication>
#include <QWidget>
#include <QMouseEvent>
#include <QPainter>

class Whiteboard : public QWidget
{
public:
    Whiteboard(QWidget *parent = nullptr) : QWidget(parent)
    {
        setAttribute(Qt::WA_TranslucentBackground); // 设置窗口背景为透明
        setStyleSheet("background: transparent;");
    }

protected:
    void mousePressEvent(QMouseEvent *event) override
    {
        if (event->button() == Qt::LeftButton) {
            m_drawing = true;
            m_lastPos = event->pos();
        }
    }

    void mouseMoveEvent(QMouseEvent *event) override
    {
        if (m_drawing) {
            drawLineTo(event->pos());
            m_lastPos = event->pos();
        }
    }

    void mouseReleaseEvent(QMouseEvent *event) override
    {
        if (event->button() == Qt::LeftButton && m_drawing) {
            drawLineTo(event->pos());
            m_drawing = false;
        }
    }

    void paintEvent(QPaintEvent *) override
    {
        QPainter painter(this);
        
         // 在此之前,可以绘制其他元素
        
        painter.drawImage(rect(), m_image, rect());
    }

private:
    void drawLineTo(const QPoint &endPoint)
    {
        QPainter painter(&m_image);
        painter.setRenderHint(QPainter::Antialiasing, true);
        
         // 使用透明颜色擦除
        if (m_eraseMode) {
            painter.setPen(QPen(Qt::transparent, m_penWidth, Qt::SolidLine, Qt::RoundCap));
        } else {
            painter.setPen(QPen(m_penColor, m_penWidth, Qt::SolidLine, Qt::RoundCap));
        }
        
         // 绘制直线到目标位置
        painter.drawLine(m_lastPos, endPoint);

        update(); // 更新窗口显示

        m_lastPos = endPoint; // 更新上一次绘制位置
    }

private:
    QImage m_image{size(), QImage::Format_ARGB32_Premultiplied}; // 画布
    bool m_drawing{false}; // 是否正在绘制
    QPoint m_lastPos; // 上一次绘制的位置
    
    QColor m_penColor{Qt::black}; // 画笔颜色,默认为黑色
    int m_penWidth{2}; // 画笔宽度,默认为2像素
    
    bool m_eraseMode{false}; // 是否处于橡皮擦模式
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    Whiteboard w;
    w.show();

    return a.exec();
}

在这个示例中,我们使用QWidget作为基类,并设置其属性Qt::WA_TranslucentBackground使得背景可以透明。通过样式表"background: transparent;",我们将窗口的背景设置为透明。

在鼠标事件中,我们根据鼠标操作进行绘图或者切换橡皮擦模式。在绘制过程中,我们使用QPainter对象来进行绘图操作,使用透明颜色来擦除。

希望这个示例满足了您的需求!如果还有其他问题,请随时提问。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://qt.0voice.com/?id=11946

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?