help - positioning layout or widgets inside the layout

[mgph]

Hi guys, this is my first post here asking for help after I saw and realized that this gonna be one-stop answers & solutions for my Qt projects. would be highly grateful and thanks for your advice in advance !

This is what I am doing: mobile application using Qt and I use custom image background for main menu.
This is what I want:

********************************************
* Image Logo *
* Image Logo *
* Image Logo *
* Image Logo *
* *
* link 1 *
* link 2 *
* link 3 *
* link 4 *
********************************************

So, I coded like this:

    /******************* Custom Widget ********************/
    QWidget *mainPage = new QWidget;
    setCentralWidget(mainPage);

    /******************* Layout ***************************/
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(link1);
    layout->setAlignment(link1,Qt::AlignHCenter);
    layout->addWidget(link2);
    layout->setAlignment(link2,Qt::AlignHCenter);
    layout->addWidget(link3);
    layout->setAlignment(link3,Qt::AlignHCenter);
    layout->addWidget(link4);
    layout->setAlignment(link4,Qt::AlignHCenter);
    mainPage->setLayout(layout);

    /******************* MainWindow***************************/
    setStyleSheet("QMainWindow { border-image: url(:/images/Default.png); }");
    setWindowTitle(tr("Tangram Tangram Tangram"));

Base class is MainWindow and link1-4 are custom subclass of QPushButton because I want to add stylesheet + addition features such as background images and sounds.

What actual outcome is that the layout overlaps the background image. I want to set the link buttons positions to lower: below the image logo and I tried setGeometry(Qrect) for both layout and links buttons, setSpacing() for the layout and nothing change.

********************************************
* Image Logo *
* link 1 logo *
* Image Logo *
* link 2 Logo *
* *
* link 3 *
* *
* link 4 *
* *
********************************************

When I googled for this problem, some people reimplement paintEvent(event) to position manually which obviously will be depending on the device you are targeting. For me, this is gonna be a tough task since I am quite new to Qt and Nokia Platforms.

Can you suggest me what should I use for this ? Is there a built-in ready baked code which can set the layout or buttons position ? Links for any sample programs would be greatly appreciate

Thanks in advance

[mgph]

Can anyone suggest about manual positioning of widgets/buttons or layout ?

[danhicksbyron]

I'm inclined to just tell you to read http://doc.qt.nokia.com/4.6-snapshot/layout.html , but I'm in a generous mood today, so read http://doc.qt.nokia.com/4.6-snapshot...tml#addSpacing .

[mgph]

I'm inclined to just tell you to read http://doc.qt.nokia.com/4.6-snapshot/layout.html , but I'm in a generous mood today, so read http://doc.qt.nokia.com/4.6-snapshot...tml#addSpacing .

Woah, I understand that I am supposed to read thoroughly the documentations and in fact I've read through again & again. Though the documents are so clear, all the methods I've tried with the help of documents(addSpacing,setMargin,paintEvent,...) didn't seem to work and that is WHY I'm here asking for help from people who have much more experience in Qt as well as software programming era. Maybe because of my stupidity or lack of experience with programming, I still cannot solve this GUI issue.

Is pointing out the reference page and saying in a generous mood so much helpful uh ?! Sounds like a professor asking students to look at the things that the students are supposed to study before asking any questions. I know that people here are not getting paid for answering my questions but do NOT say you're in a generous mood and asking me to read the reference which looks like I am so lazy to read and instead just come here and ask for help hmm.

Anyway, THANKS! and appreciate your time

[danhicksbyron]

If addSpacing isn't doing it for you then there's something that you misunderstand that's shooting you in the foot. Step back a bit and study up on your basics.

[mgph]

If addSpacing isn't doing it for you then there's something that you misunderstand that's shooting you in the foot. Step back a bit and study up on your basics.

I think it seems like I could solve it out by manually setting position for each button setGeometry(...) with the systeminfo functions to get the current device's size. But I think that my application will not be looked like the same on different devices' screens. Weird!

thanks

Sorry, I forgot to mention that I removed the QVBoxLayout to get GUI setup properly. Is it correct way to do ?

[danhicksbyron]

If you're going to do manual spacing you should remove the layout manager. But it should work with the layout manager and addSpacing -- you just had something wrong.