How to draw and change the region (semi-transparent) on top of a QLabel or QImage?

[mrjj]

@Mikeeeeee
What you show there seems to be just random paint. ( lots of points )
The sample you link seems to have some curve code
but the image you show as an example, its just drawn following the move and it is not a curve or line.

So you want to make a free painting function?

[Mikeeeeee]

Yes. Please help to finish this code.

[mrjj]

@Mikeeeeee
well if you still using code from paintWidget

if(m_nbMousePressed)
{
painter.drawPixmap(0, 0, m_nPTargetPixmap);
painter.drawLine(m_line);
painter.drawPoint(m_line.p2() ); // paint the single point.
wasPressed = true;
}

p2() is updated from
void PaintWidget::mouseMoveEvent(QMouseEvent *event)

[Mikeeeeee]

Did so, still draws a line.

void PaintWidget::paintEvent(QPaintEvent *e)
{
    static bool wasPressed = false;
    QPainter painter(this);

    if(m_nbMousePressed)
    {
        //painter.drawPixmap(0, 0, m_nPTargetPixmap);
        //painter.drawLine(m_line);
        painter.drawPoint(m_line.p2() ); // paint the single point.
        wasPressed = true;
    }
    else if(wasPressed)
    {
        QPainter PixmapPainter(&m_nPTargetPixmap);
        QPen pen(Qt::green);
        PixmapPainter.setPen(pen);
        PixmapPainter.drawLine(m_line);

        painter.drawPixmap(0, 0, m_nPTargetPixmap);
        wasPressed = false;
    }
}

Maybe you need to change:

PixmapPainter.drawLine(m_line);

[Mikeeeeee]

Did so, also does not work

void PaintWidget::paintEvent(QPaintEvent *e)
{
    static bool wasPressed = false;
    QPainter painter(this);

    if(m_nbMousePressed)
    {
        //painter.drawPixmap(0, 0, m_nPTargetPixmap);
        //painter.drawLine(m_line);
        painter.drawPoint(m_line.p2() ); // paint the single point.
        wasPressed = true;
    }
    else if(wasPressed)
    {
        QPainter PixmapPainter(&m_nPTargetPixmap);
        QPen pen(Qt::green);
        PixmapPainter.setPen(pen);
        //PixmapPainter.drawLine(m_line);
        PixmapPainter.drawPoint(m_line.p2());

        painter.drawPixmap(0, 0, m_nPTargetPixmap);
        wasPressed = false;
    }
}

[mrjj]

ok. you have to debug it then :)

[Mikeeeeee]

Found the solution here

[Mikeeeeee]

But is it possible to set QLabel 2 QImages (one with image, the second transparent) and draw on transparent QImages?

[Christian Ehrlicher]

No, you have to write it on your own by reimplementing the paintEvent()

[Mikeeeeee]

I made this class Please tell me how to set the method set2Images()?

#ifndef QLABEL2IMAGES_H
#define QLABEL2IMAGES_H
#include "QLabel"


class QLabel2Images : public QLabel 
{
public:
    QLabel2Images();
    ~QLabel2Images();
    void set2Images(QImage &downImage, QImage &yopImage);
};

#endif // QLABEL2IMAGES_H

[Christian Ehrlicher]

@Mikeeeeee said in How to draw and change the region (semi-transparent) on top of a QLabel or QImage?:

how to set the method

Don't understand what you mean with this sentence - how to call this function? How to implement the function - since you're writing the function you should know it by your own.

[Mikeeeeee]

I don't know how to implement it. Need one figure to place from below, the second figure(transparent) to place from above.

[Christian Ehrlicher]

When the second image is (mostly) transparent then simply paint the first and then the second.

[Mikeeeeee]

The first is easy to add by setImage(), but how to add the second?

[Christian Ehrlicher]

@Mikeeeeee said in How to draw and change the region (semi-transparent) on top of a QLabel or QImage?:

The first is easy to add by setImage(), but how to add the second?

No, you have to write it on your own by reimplementing the paintEvent()
When the second image is (mostly) transparent then simply paint the first and then the second.

[mrjj]

Hi
Well you already had most of the code in the first version

 virtual void paintEvent(QPaintEvent* e) {
    QLabel::paintEvent(e); // paint the base image
    
    QPainter p(this);    
    p.drawQImage(0, 0, OtherQImage); // draw the other image
  }
};

so your void set2Images(QImage &downImage, QImage &yopImage);
so set one image to the normal setPixmap for label and store the other one (the overlay) in a new variable
which you then use to draw it. ( like OtherQImage)

[SGaist]

Hi,

An alternative would be to compose the two images before setting the result on the QLabel.

[mrjj]

@SGaist
That's actually a better idea as the base image will be scaled with a factor
so combining them first would
make the zooming easier to handle.

  QImage base; // set to some file/size
  QImage overlay;  // set to some file/size
  QPainter paint(&base);
  paint.drawImage(0,0,overlay);
  ui->label->setPixmap(QPixmap::fromImage(base));

[Mikeeeeee]

Many thanks. That's how it works:

    QImage mapImage(":/Images/Images/mapMain.png");
    myImageViewer->setImage(mapImage);    
    QImage base(":/Images/Images/mapMain.png"); // set to some file/size
    QImage overlay(":/Images/Images/mapTop.png");  // set to some file/size
    QPainter paint(&base);
    paint.drawImage(0,0,overlay);
    myImageViewer->imageLabel->setPixmap(QPixmap::fromImage(base));
    ui->verticalLayout->addWidget(myImageViewer);