Skinned dialogs

[moowy]

There is a way. U have to use native support and in there draw primitive element PE_CustomBase and than in drawPrimitive draw anything on it.

[Lele]

thanks for answering, this sounds very interesting to me, but I cannot figure it out how to do that.
One way could be to draw my window frameless and the draw by myself the window caption, but maybe there's a better way to do that
thanks,
bye

[pherthyl]

One way could be to draw my window frameless and the draw by myself the window caption, but maybe there's a better way to do that

This is how microsoft does it. (Windows media player, Live messenger, Office 12, etc). So still a dirty hack, but now endorsed by microsoft!

[Lele]

Thanks for your answer, I'll try to do that. However I thought there someone had already tried to have such kind of dialogs in Qt.
Bye

[PiXeL16]

Hi, Did you find a solution, im trying to do the same thing, with resizing support?
Any example that i could find to do this?

[Brandybuck]

Making your dialogs frameless, then drawing your own frame, is the best way. I have never done this directly, but I have done similar things writing an X11 window manager. Here's a brief overview:

1) Create a widget called WindowFrame
2) Give it a 3x3 grid layout
3) Put your dialog in the center
4) In WindowFrame:aintEvent(), draw corner pixmaps in the corner, and tilable edge pixmaps on the edges
5) To make it resizable, implement mousePressEvent() and mouseMoveEvent()

The inclusion of titlebar and title buttons I leave an an exercise to the reader.

[PiXeL16]

Hi, Thanks for the suggestions. I did what you say and it work.
The only problem that i had now is clipping the transparent part of the borders, so its actually round, and not black(it show transparent color as black)
I read that i can accomplish this with a mask, but i don't know how to add a mask to the widget, just to the particular corners.
All the different borders are separate images, and i have to join them some how, and then apply the mask to the widget
Any help with this???
thanks in advance!
CJC

[PiXeL16]

Someone can help on this plz?

[Brandybuck]

The only problem that i had now is clipping the transparent part of the borders, so its actually round, and not black(it show transparent color as black)
I read that i can accomplish this with a mask, but i don't know how to add a mask to the widget, just to the particular corners.
All the different borders are separate images, and i have to join them some how, and then apply the mask to the widget
Any help with this???

You will need to create the widget's bitmap mask out of the borders' masks. Set the size of the bitmap to the size of the widget, then "draw" in the corner and edge bitmap masks.

Adding the mask to the widget is the same as adding it to a pixmap: QWidget::setMask()

[PiXeL16]

I thanks, i had try this but i dont know why is not working.
I create a widget and add 9 frames, 8 for all the borders and 1 for the widget.
Then I set the borders as background images to their specific frame.
Then I try to create my pixmap buffering all the borders
Here is my code.

QPixmap buffer(_mainWidget->size());
 
QPainter painter(&buffer);
 
painter.drawPixmap(_uiMainWidget->upperLeftFrame->frameRect(), QPixmap(":pics/bg/upperLeftFrame.png"),
_uiMainWidget->upperLeftFrame->frameRect());
...
painter.drawPixmap(_uiMainWidget->leftFrame->frameRect(),
QPixmap(":pics/bg/leftFrame.png"),
_uiMainWidget->leftFrame->frameRect());

QPixmap buffer(_mainWidget->size());

QPainter painter(&buffer);

painter.drawPixmap(_uiMainWidget->upperLeftFrame->frameRect(), QPixmap(":pics/bg/upperLeftFrame.png"),
_uiMainWidget->upperLeftFrame->frameRect());
...
painter.drawPixmap(_uiMainWidget->leftFrame->frameRect(),
QPixmap(":pics/bg/leftFrame.png"),
_uiMainWidget->leftFrame->frameRect());

To copy to clipboard, switch view to plain text mode 

THe result here is that all my border images are drawn staked in the upper left side of the pixmap. And not in the correct position where the frames are.
Where could be wrong here? Are im using wrong the drawpixmap funtionality or missing something?
Any help will be much appreciated
Thanks
CJC

[stevey]

Have you tried Style sheets?

[PiXeL16]

How can sc help with the problem of the images? that i specified before?