[Solved] Flat and borderless QPushButton does not have the same size as the pixmap

giesbert

If you post a small example where we can reproduce the problem, we might be able to help.
But therefore, we need the project files, images etc.

Eddy

here is a "test ui file":http://dl.dropbox.com/u/33544011/dialogTest.ui I created using 2 images. One for normal and one for Clicked state.

Open the ui file to study what I described above. You should change the png files to yours of course ;)

hdvision

Here is "the zip file":http://repo.dualalign.net/hi/button-issue.zip enclosing the ui, resource, and image files that I have been playing with. I did not create a project file since what I see in the Designer is consistent with the compiled binary.

Eddy

Did you look into my example? What have you tried? Do you have any questions?

hdvision

I did. The only difference I saw is that you defined the minimum size and maximum size to be the image dimension. Once I did that in my own example, the widget size now is the same as image dimension.

I guess it is a way to "force" the button to behave. I am fine with it (for my current work), but still puzzle a bit at its strange behavior (before defining the min and max size).

Eddy

Yes, I know it's brute force. But what you want to do is not "intended". We eliminate all the decoration of the box model and draw on the margins. Normally your OS is responsible for this and you wanted it differently.
Your button will not behave visually as a button anymore. That's why I used a second image in my example to have another color which mimics the clicking state.

So if you consider this topic as solved, could you please add [Solved] in the beginning of your title by editing it?

hdvision

Before I make the post [Solved], I do want to clarify:

The only reason why I use only one image in my example for my button is to simplify the case. Normally, in the GUI program I am writing, I would use three images for a button: normal, hover, and clicked states. I have seen many modern programs or even web pages use custom buttons like that.

I like Qt very much, but I also wish it can be a little more intuitive. For example, if I specify three images for a button, set the pad and margin to be 0, then it shall look exactly like the image. I still do not understand why it "draws on the margins" if the margin is set to 0.

Eddy

Making a framework that works on multiple platforms is not easy. If you are interested to see how the Trolls do it have a look in the sources of the different QStyles. I did it a while ago and noticed lots of "brute force" as you call it. ;)

hdvision

I guess you are right. Thanks for all the help. ;)

Eddy

you're welcome.

Just another thought :
I noticed a 2 pixel wide white border in your image. You could eliminated this and let Qt handle the normal behaviour.