Suggestion for Multiple Page Widget.

[SiddhantR]

Thanks for the reply.
Do you mean to say that Stacked Widget should contain all the 96 pages and the stcked widget is placed on a grid layout. If I do this what will be the advantage of using a Grid layout?

[Santosh Reddy]

If I do this what will be the advantage of using a Grid layout?

You can layout the top, left and right buttons around the stacked widget.

[SiddhantR]

But by having all the 96 pages in a single stacked widget the coding will increase right. As of now I have to write just 8+12 lines of code for setting current index and if I use single stacked widget I will have to have a function in which a top button will relate to fixed index limit according to the requirement.

[Santosh Reddy]

It should not be a big thing, here is an working exmaple of what you are looking for. This what I suggested and mapping of buttons and the widgets is done using QSignalMapper

class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget * parent = 0)
        : QWidget(parent)
        , mStackedWidget(new QStackedWidget)
        , mHPushButtons()
        , mVPushButtons()
        , mGridLayout(new QGridLayout(this))
        , mActivePage(0)
        , mActiveWidget()
    {
        // Create Horizontal QPushButton 8 Qty
        for(int i = 0; i < HButtons; i++)
        {
            mHPushButtons[i] = new QPushButton(QString("Page %1").arg(i + 1));
            mActiveWidget[i] = 0;
        }
 
        // Create Vertical QPushButton 6 * 2 = 12 Qty
        for(int i = 0; i < LButtons + RButtons; i++)
            mVPushButtons[i] = new QPushButton(QString("Widget %1").arg(i + 1));
 
        QSignalMapper * pageSignalMapper = new QSignalMapper(this);
        connect(pageSignalMapper, SIGNAL(mapped(int)), SLOT(hButtonClicked(int)));
 
        QSignalMapper * widgetSignalMapper = new QSignalMapper(this);
        connect(widgetSignalMapper, SIGNAL(mapped(int)), SLOT(vButtonClicked(int)));
 
 
        // Create Page Widgets - 8 * 12 = 96 Qty
        for(int i = 0; i < HButtons; i++)
        {
            connect(mHPushButtons[i], SIGNAL(clicked()), pageSignalMapper, SLOT(map()));
            pageSignalMapper->setMapping(mHPushButtons[i], i);
 
            for(int j = 0; j < LButtons + RButtons; j++)
            {
                QLabel * label = new QLabel(QString("QWidget : Page %1, Widget %2").arg(i + 1).arg(j + 1));
                mStackedWidget->addWidget(label);
 
                connect(mVPushButtons[j], SIGNAL(clicked()), widgetSignalMapper, SLOT(map()));
                widgetSignalMapper->setMapping(mVPushButtons[j], j);
            }
        }
 
        // Add Horozontal QPushButtons to QGridLayout
        for(int i = 0; i < HButtons; i++)
            mGridLayout->addWidget(mHPushButtons[i], 0, i, 1, 1);
 
        // Add Left Vertical QPushButtons to QGridLayout
        for(int i = 0; i < LButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i, 0, 1, 1);
 
        // Add Vertical QPushButtons to QGridLayout
        for(int i = LButtons; i < LButtons + RButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i - LButtons, HButtons - 1, 1, 1);
 
        // Add QStackedWidget to QGridLayout
        mGridLayout->addWidget(mStackedWidget, 1, 1, LButtons, HButtons - 2);
    }
 
private slots:
    void hButtonClicked(int page)
    {
        mActivePage = page;
        activateWidget();
    }
 
    void vButtonClicked(int widget)
    {
        mActiveWidget[mActivePage] = widget;
        activateWidget();
    }
 
private:
    static const int HButtons = 8;
    static const int LButtons = 6;
    static const int RButtons = 6;
 
    QStackedWidget * mStackedWidget;
    QPushButton    * mHPushButtons[HButtons];
    QPushButton    * mVPushButtons[LButtons + RButtons];
    QGridLayout    * mGridLayout;
 
    int mActivePage;
    int mActiveWidget[HButtons];
 
 
    void activateWidget(void)
    {
        int index = mActivePage * (LButtons + RButtons) + mActiveWidget[mActivePage];
        mStackedWidget->setCurrentIndex(index);
    }
};

class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget * parent = 0)
        : QWidget(parent)
        , mStackedWidget(new QStackedWidget)
        , mHPushButtons()
        , mVPushButtons()
        , mGridLayout(new QGridLayout(this))
        , mActivePage(0)
        , mActiveWidget()
    {
        // Create Horizontal QPushButton 8 Qty
        for(int i = 0; i < HButtons; i++)
        {
            mHPushButtons[i] = new QPushButton(QString("Page %1").arg(i + 1));
            mActiveWidget[i] = 0;
        }

        // Create Vertical QPushButton 6 * 2 = 12 Qty
        for(int i = 0; i < LButtons + RButtons; i++)
            mVPushButtons[i] = new QPushButton(QString("Widget %1").arg(i + 1));

        QSignalMapper * pageSignalMapper = new QSignalMapper(this);
        connect(pageSignalMapper, SIGNAL(mapped(int)), SLOT(hButtonClicked(int)));

        QSignalMapper * widgetSignalMapper = new QSignalMapper(this);
        connect(widgetSignalMapper, SIGNAL(mapped(int)), SLOT(vButtonClicked(int)));


        // Create Page Widgets - 8 * 12 = 96 Qty
        for(int i = 0; i < HButtons; i++)
        {
            connect(mHPushButtons[i], SIGNAL(clicked()), pageSignalMapper, SLOT(map()));
            pageSignalMapper->setMapping(mHPushButtons[i], i);

            for(int j = 0; j < LButtons + RButtons; j++)
            {
                QLabel * label = new QLabel(QString("QWidget : Page %1, Widget %2").arg(i + 1).arg(j + 1));
                mStackedWidget->addWidget(label);

                connect(mVPushButtons[j], SIGNAL(clicked()), widgetSignalMapper, SLOT(map()));
                widgetSignalMapper->setMapping(mVPushButtons[j], j);
            }
        }

        // Add Horozontal QPushButtons to QGridLayout
        for(int i = 0; i < HButtons; i++)
            mGridLayout->addWidget(mHPushButtons[i], 0, i, 1, 1);

        // Add Left Vertical QPushButtons to QGridLayout
        for(int i = 0; i < LButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i, 0, 1, 1);

        // Add Vertical QPushButtons to QGridLayout
        for(int i = LButtons; i < LButtons + RButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i - LButtons, HButtons - 1, 1, 1);

        // Add QStackedWidget to QGridLayout
        mGridLayout->addWidget(mStackedWidget, 1, 1, LButtons, HButtons - 2);
    }

private slots:
    void hButtonClicked(int page)
    {
        mActivePage = page;
        activateWidget();
    }

    void vButtonClicked(int widget)
    {
        mActiveWidget[mActivePage] = widget;
        activateWidget();
    }

private:
    static const int HButtons = 8;
    static const int LButtons = 6;
    static const int RButtons = 6;

    QStackedWidget * mStackedWidget;
    QPushButton    * mHPushButtons[HButtons];
    QPushButton    * mVPushButtons[LButtons + RButtons];
    QGridLayout    * mGridLayout;

    int mActivePage;
    int mActiveWidget[HButtons];


    void activateWidget(void)
    {
        int index = mActivePage * (LButtons + RButtons) + mActiveWidget[mActivePage];
        mStackedWidget->setCurrentIndex(index);
    }
};

To copy to clipboard, switch view to plain text mode 

[SiddhantR]

Hey thanks a ton for your help. This works really well...

[SiddhantR]

Hey I have one more problem. Below the buttons there are labels which change color on button click. I am not able to align them exactly below the buttons. I have tried playing with layouts but nothing is helping. Actually the buttons will go once I integrate it with my actual hardware and hence I cant keep them in a layout with the buttons. Can you please suggest something here.
Thanks.

[Santosh Reddy]

As you say buttons will to go away, then why not put the labels in place of buttons?

[SiddhantR]

There are labels jus below buttons. But their size is fixed and to try now we need the buttons. The buttons will go away when we integrate that is still another 3 4 months away...

[Santosh Reddy]

Can you show me what you want and what you get?

[SiddhantR]

Hiii,
The code that you gave for multiple widgets is working fine. Today I found that when the index is set the loop gets executed 8 times. It is causing problem when I integrate business logic on the button click. That code also gets executed 8 times which is causing problem. Can you please guide on this as to why am I facing this problem?
I added a QMessageBox in actvateWidget() after setCurrentIndex and it gets executed 8 times if I click any of the functional buttons. I have written the code constructor of main window.
Thank you.

[Santosh Reddy]

Here you go, the problem was with the signal mapper connections, it was being created multiple (8) time.

class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget * parent = 0)
        : QWidget(parent)
        , mStackedWidget(new QStackedWidget)
        , mHPushButtons()
        , mVPushButtons()
        , mGridLayout(new QGridLayout(this))
        , mActivePage(0)
        , mActiveWidget()
    {
        // Create Horizontal QPushButton 8 Qty
        for(int i = 0; i < HButtons; i++)
        {
            mHPushButtons[i] = new QPushButton(QString("Page %1").arg(i + 1));
            mActiveWidget[i] = 0;
        }
 
        // Create Vertical QPushButton 6 * 2 = 12 Qty
        for(int i = 0; i < LButtons + RButtons; i++)
            mVPushButtons[i] = new QPushButton(QString("Widget %1").arg(i + 1));
 
        QSignalMapper * pageSignalMapper = new QSignalMapper(this);
        connect(pageSignalMapper, SIGNAL(mapped(int)), SLOT(hButtonClicked(int)));
 
        QSignalMapper * widgetSignalMapper = new QSignalMapper(this);
        connect(widgetSignalMapper, SIGNAL(mapped(int)), SLOT(vButtonClicked(int)));
 
        // Create Page Widgets - 8 * 12 = 96 Qty
        for(int i = 0; i < HButtons; i++)
        {
            connect(mHPushButtons[i], SIGNAL(clicked()), pageSignalMapper, SLOT(map()));
            pageSignalMapper->setMapping(mHPushButtons[i], i);
 
            for(int j = 0; j < LButtons + RButtons; j++)
            {
                QLabel * label = new QLabel(QString("QWidget : Page %1, Widget %2").arg(i + 1).arg(j + 1));
                mStackedWidget->addWidget(label);
            }
        }
 
        for(int j = 0; j < LButtons + RButtons; j++)
        {
            connect(mVPushButtons[j], SIGNAL(clicked()), widgetSignalMapper, SLOT(map()));
            widgetSignalMapper->setMapping(mVPushButtons[j], j);
        }
 
        // Add Horozontal QPushButtons to QGridLayout
        for(int i = 0; i < HButtons; i++)
            mGridLayout->addWidget(mHPushButtons[i], 0, i, 1, 1);
 
        // Add Left Vertical QPushButtons to QGridLayout
        for(int i = 0; i < LButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i, 0, 1, 1);
 
        // Add Vertical QPushButtons to QGridLayout
        for(int i = LButtons; i < LButtons + RButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i - LButtons, HButtons - 1, 1, 1);
 
        // Add QStackedWidget to QGridLayout
        mGridLayout->addWidget(mStackedWidget, 1, 1, LButtons, HButtons - 2);
    }
 
private slots:
    void hButtonClicked(int page)
    {
        mActivePage = page;
        activateWidget();
    }
 
    void vButtonClicked(int widget)
    {
        mActiveWidget[mActivePage] = widget;
        activateWidget();
    }
 
private:
    static const int HButtons = 8;
    static const int LButtons = 6;
    static const int RButtons = 6;
 
    QStackedWidget * mStackedWidget;
    QPushButton    * mHPushButtons[HButtons];
    QPushButton    * mVPushButtons[LButtons + RButtons];
    QGridLayout    * mGridLayout;
 
    int mActivePage;
    int mActiveWidget[HButtons];
 
 
    void activateWidget(void)
    {
        int index = mActivePage * (LButtons + RButtons) + mActiveWidget[mActivePage];
        mStackedWidget->setCurrentIndex(index);
    }
};

class Widget : public QWidget
{
    Q_OBJECT
public:
    explicit Widget(QWidget * parent = 0)
        : QWidget(parent)
        , mStackedWidget(new QStackedWidget)
        , mHPushButtons()
        , mVPushButtons()
        , mGridLayout(new QGridLayout(this))
        , mActivePage(0)
        , mActiveWidget()
    {
        // Create Horizontal QPushButton 8 Qty
        for(int i = 0; i < HButtons; i++)
        {
            mHPushButtons[i] = new QPushButton(QString("Page %1").arg(i + 1));
            mActiveWidget[i] = 0;
        }

        // Create Vertical QPushButton 6 * 2 = 12 Qty
        for(int i = 0; i < LButtons + RButtons; i++)
            mVPushButtons[i] = new QPushButton(QString("Widget %1").arg(i + 1));

        QSignalMapper * pageSignalMapper = new QSignalMapper(this);
        connect(pageSignalMapper, SIGNAL(mapped(int)), SLOT(hButtonClicked(int)));

        QSignalMapper * widgetSignalMapper = new QSignalMapper(this);
        connect(widgetSignalMapper, SIGNAL(mapped(int)), SLOT(vButtonClicked(int)));

        // Create Page Widgets - 8 * 12 = 96 Qty
        for(int i = 0; i < HButtons; i++)
        {
            connect(mHPushButtons[i], SIGNAL(clicked()), pageSignalMapper, SLOT(map()));
            pageSignalMapper->setMapping(mHPushButtons[i], i);

            for(int j = 0; j < LButtons + RButtons; j++)
            {
                QLabel * label = new QLabel(QString("QWidget : Page %1, Widget %2").arg(i + 1).arg(j + 1));
                mStackedWidget->addWidget(label);
            }
        }

        for(int j = 0; j < LButtons + RButtons; j++)
        {
            connect(mVPushButtons[j], SIGNAL(clicked()), widgetSignalMapper, SLOT(map()));
            widgetSignalMapper->setMapping(mVPushButtons[j], j);
        }

        // Add Horozontal QPushButtons to QGridLayout
        for(int i = 0; i < HButtons; i++)
            mGridLayout->addWidget(mHPushButtons[i], 0, i, 1, 1);

        // Add Left Vertical QPushButtons to QGridLayout
        for(int i = 0; i < LButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i, 0, 1, 1);

        // Add Vertical QPushButtons to QGridLayout
        for(int i = LButtons; i < LButtons + RButtons; i++)
            mGridLayout->addWidget(mVPushButtons[i], 1 + i - LButtons, HButtons - 1, 1, 1);

        // Add QStackedWidget to QGridLayout
        mGridLayout->addWidget(mStackedWidget, 1, 1, LButtons, HButtons - 2);
    }

private slots:
    void hButtonClicked(int page)
    {
        mActivePage = page;
        activateWidget();
    }

    void vButtonClicked(int widget)
    {
        mActiveWidget[mActivePage] = widget;
        activateWidget();
    }

private:
    static const int HButtons = 8;
    static const int LButtons = 6;
    static const int RButtons = 6;

    QStackedWidget * mStackedWidget;
    QPushButton    * mHPushButtons[HButtons];
    QPushButton    * mVPushButtons[LButtons + RButtons];
    QGridLayout    * mGridLayout;

    int mActivePage;
    int mActiveWidget[HButtons];


    void activateWidget(void)
    {
        int index = mActivePage * (LButtons + RButtons) + mActiveWidget[mActivePage];
        mStackedWidget->setCurrentIndex(index);
    }
};

To copy to clipboard, switch view to plain text mode 

[SiddhantR]

Thanks a lot...