The self-QT irregular shaped windows and buttons (pro-test)

See a lot of software, especially gaming software, there are some cool interface, have been thinking, how did they do it? That obviously is a picture ah.

I have a big world QT can not do it? of course not!

Now: Please prepare a png image with transparent areas, oh. There is a header file Join #include<QBitmap> , to see behind you understand it, or will be error oh.

First look at the custom shaped windows bar code:

  
  
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
this->setWindowFlags(Qt::FramelessWindowHint|Qt::WindowMinimizeButtonHint);
this->setAttribute(Qt::WA_TranslucentBackground);
pix.load( ":/new/prefix1/201409091359143092.png");
this->resize(pix.size());
}
void Widget::paintEvent(QPaintEvent *e)
{
QPainter painter(this);
painter.drawPixmap( 0, 0,pix);
}
  
  

Here wrote paintevent sure to draw inside, be sure to call the constructor also resize.

Then take a look at the interface of it.

This interface is complex enough, right? Who else! Oh, you can add controls above. Here more than just show pictures, careful research can be seen, this form is visible area, the other invisible, not the form, this is the real irregular.

Of course, since removed the title bar, so moving event of the form, you need to rewrite their own, seemingly too hard.

There is also a

Maybe you do not like it, you want to setstylesheet way, then look at the following code oh.

  
  
#include <QStyleOption>




Widget::Widget(QWidget *parent)
: QWidget(parent)
{
this->resize( 400, 400);
setWindowOpacity ( 1);
setWindowFlags(Qt::FramelessWindowHint);
setAttribute(Qt::WA_TranslucentBackground);
this->setStyleSheet( "background-image: url(:/new/prefix1/201409091359143092.png)");

}
void Widget::paintEvent(QPaintEvent *e)
{
QStyleOption opt;
opt.initFrom( this);
QPainter p(this);
style()->drawPrimitive(QStyle::PE_Widget, &opt, &p, this );
QWidget::paintEvent(e);
}
  
  

This is also possible.

Next is irregular button

  
  
QPixmap pix;
pix.load( ":/new/prefix1/111.png");
ui->pushButton->setFixedSize(pix.size());
ui->pushButton->setMask(pix.mask());
ui->pushButton->setStyleSheet( "background-image: url(:/new/prefix1/111.png)");
  
  

This code say about the principle. mask actually get the alpha channel information is then displayed, which causes a problem in the picture when displayed, will change, so we give this button to specify about the background, the background and it overlaps with, it shows the normal . As for why the words of the form need not do so, this has not been studied ......

Renderings:

This button is wonderful enough of it, surrounded click, the middle can not click. But then, your button image can not be too complex, such as the map above form will not work, the problem will appear Caton or not displayed.

Well, the end.

Here comes suddenly think it is a direct function setmask acceptable type of bitmap images, but it seems not.

For example, like this:

  
  
QBitmap bit;
bit.load( ":/new/prefix1/222.bmp");
ui->pushButton->setMask(bit);
ui->pushButton->setStyleSheet( "background-image: url(:/new/prefix1/222.bmp)");
  
  

This code causes a color change problem is a picture, but then I try various methods do not work, this code will lead to even click a button when Caton, currently do not know why, do not try enough.

Wonderful effect is as follows: