[SOLVED] How to overlap images with resizing in a broken layout qframe

  • Hello to everyone,

    I am quite new using QT and I am trying to get the following behavior working in QT:

    I have been using QT Designer to define the graphical layout making the source code interaction easier. I have 3 QLabels so far overlapped in the same QFrame. Like is shown in the image below:

    Alt text

    I am able to achieve overlapping setting each QLabel background transparency in project.ui file like this:

    #frameBigPig {
    background: transparent;
    #frameBigPigOutdoor {
    background: transparent;
    #frameBigPigBasic {
    background: transparent;

    And finally, I set the QT C++ code like that:


    By doing that, I achieve Image overlapping, but the the Image does not get resized. The current behaviour and the expected one is depicted in the following image:

    Alt text

    Thanks for your time,

    Best regards.

  • Lifetime Qt Champion

    Hi and welcome
    The QLabel will be fit to the image size and not the other way around. (sadly)
    If you want to keep the image with in a some box, you must re-size it your self.

    QPixmap p( QString(":/dog.png") );
    int w = label->width();
    int h = label->height();
    // set a scaled pixmap to a w x h box keeping its aspect ratio 

    Note that you should the the MaximumHeight of the QLabel (with the dog) to the max size you think it should have before
    setting the image. (label->setMaximumHeigh( xxx) )

  • Hi @mrjj,

    Thank you fer helping me. Your solution works, even though as the dog's Image needs to be bigger as there will be some details that needs to be showed clearly.

    I tried to increase the available space (reducing the spacing between the horizontal spacers) but the result is still being the same (like if the change does not were done).

    Any Idea?

    Thank you for your help and time.

    Best regards.

  • Lifetime Qt Champion


    Well im not 100% sure how you setup the inner box.
    if you want frameAnimalConatiner to be bigger, you could set its MinimumWidth or height and
    spacers will follow that.

    Are you planning on animation later on ?

  • Perfect! You are right, I don't know why it wasn't working but it works now.

    Thank you so much.

    P.D: No, the images are going to be static.


  • Lifetime Qt Champion

    well layouts are funky. And smart.

    Ok. Since you just did not take an image program and made
    one new picture with all in it, I assume you
    going to use different images overlaid ?

  • When a picture file that I bring in from Windows is imported into qt, it breaks. What should I do?

  • Lifetime Qt Champion

    breaks in what way?
    Can you upload the picture to postimage.org and post link here ?

  • @mrjj ![alt text](image url)0_1502204401600_mmmmmmmm.png
    left thing is on window, right thing is qt in Linux.
    I can't handle it.

  • Lifetime Qt Champion

    Hmm. that is odd.
    Do you load the same image file on both platforms?
    What is the format ? (jpg,png) etc.

    Can you upload the original image so i can try in my linux box?
    Maybe a support SO has issues on your box or something like that.

  • This post is deleted!

  • Lifetime Qt Champion

    I tried in Qt 5.7 on Mint/ubuntu linux and it was shown as
    expected. ( not broken)

    I put the image in res file and showed it on a label.

    Do yo use QImage or how do you show it ?

  • @mrjj oops, I had a mistake. Widget form has a dot. so it seems to have appeared.
    if it occurs again, I will ask something someday. :)
    thank your helping :)
    Have a nice day!

  • Lifetime Qt Champion


    oh, so it was not the image that was broken?
    Nice day to you too