├── .gitignore
├── LICENSE
├── README.md
├── SlidingStackedWidget
    ├── SlidingStackedWidget.pri
    ├── slidingstackedwidget.cpp
    └── slidingstackedwidget.h
├── demo.cpp
├── demo.h
├── demo.pro
├── demo.ui
├── main.cpp
└── screenshots
    ├── demo.gif
    └── slow_demo.gif


/.gitignore:
--------------------------------------------------------------------------------
1 | *.pro.user
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Tim Schneeberger
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # SlidingStackedWidget
 2 | 
 3 | This is an extended version of QStackedWidget for Qt. Check `slidingstackedwidget.h` for a simple API reference. This code is based on an older [wiki post](https://qt.shoutwiki.com/wiki/Extending_QStackedWidget_for_sliding_page_animations_in_Qt) for Symbian devices.
 4 | 
 5 | Check my other Qt widgets/add-ons out: <https://timschneeberger.me/qt>
 6 | 
 7 | ### Usage
 8 | 
 9 | #### Include it in your project
10 | 
11 | Copy the `SlidingStackedWidget` subdirectory from this repository into your project folder and add this to your qmake project file:
12 | 
13 | ```cmake
14 | include(SlidingStackedWidget/SlidingStackedWidget.pri)
15 | ```
16 | 
17 | ### Screenshots
18 | 
19 | Default animation duration (300ms):
20 | 
21 | ![screenshot](screenshots/demo.gif)
22 | 
23 | Slow-motion (3000ms):
24 | 
25 | ![screenshot](screenshots/slow_demo.gif)
26 | 
27 | As you can see, the page is slowly fading in/out in addition to the sliding animation.
28 | 


--------------------------------------------------------------------------------
/SlidingStackedWidget/SlidingStackedWidget.pri:
--------------------------------------------------------------------------------
1 | SOURCES += $$PWD/slidingstackedwidget.cpp
2 | HEADERS += $$PWD/slidingstackedwidget.h
3 | INCLUDEPATH += $$PWD
4 | 


--------------------------------------------------------------------------------
/SlidingStackedWidget/slidingstackedwidget.cpp:
--------------------------------------------------------------------------------
  1 | /*
  2 |  *  MIT License
  3 |     Copyright (c) 2020 Tim Schneeberger (ThePBone) <tim.schneeberger(at)outlook.de>
  4 |     Permission is hereby granted, free of charge, to any person obtaining a copy
  5 |     of this software and associated documentation files (the "Software"), to deal
  6 |     in the Software without restriction, including without limitation the rights
  7 |     to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  8 |     copies of the Software, and to permit persons to whom the Software is
  9 |     furnished to do so, subject to the following conditions:
 10 |     The above copyright notice and this permission notice shall be included in all
 11 |     copies or substantial portions of the Software.
 12 |     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 13 |     IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 14 |     FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 15 |     AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 16 |     LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 17 |     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 18 |     SOFTWARE.
 19 |  *
 20 |  */
 21 | #include "slidingstackedwidget.h"
 22 | #include <QPropertyAnimation>
 23 | #include <QParallelAnimationGroup>
 24 | #include <QGraphicsOpacityEffect>
 25 | 
 26 | SlidingStackedWidget::SlidingStackedWidget(QWidget *parent)
 27 | 
 28 |    : QStackedWidget(parent)
 29 | {
 30 | 
 31 |    if (parent!=nullptr) {
 32 |            m_mainwindow=parent;
 33 |        }
 34 |        else {
 35 |            m_mainwindow=this;
 36 |        }
 37 |        m_vertical=false;
 38 |        m_speed=300;
 39 |        m_animationtype = QEasingCurve::OutQuart;
 40 |        m_now=0;
 41 |        m_next=0;
 42 |        m_wrap=false;
 43 |        m_pnow=QPoint(0,0);
 44 |        m_active=false;
 45 | }
 46 | 
 47 | void SlidingStackedWidget::setVerticalMode(bool vertical) {
 48 | 
 49 |        m_vertical=vertical;
 50 | }
 51 | 
 52 | void SlidingStackedWidget::setSpeed(int speed) {
 53 | 
 54 |        m_speed = speed;
 55 | }
 56 | 
 57 | void SlidingStackedWidget::setAnimation(enum QEasingCurve::Type animationtype) {
 58 | 
 59 |        m_animationtype = animationtype;
 60 | }
 61 | 
 62 | void SlidingStackedWidget::setWrap(bool wrap) {
 63 | 
 64 |        m_wrap=wrap;
 65 | }
 66 | 
 67 | bool SlidingStackedWidget::slideInNext() {
 68 | 
 69 |        int now=currentIndex();
 70 |        if (m_wrap||(now<count()-1))
 71 |                slideInIdx(now+1);
 72 |        else
 73 |            return false;
 74 |        return true;
 75 | }
 76 | 
 77 | bool SlidingStackedWidget::slideInPrev() {
 78 |        int now=currentIndex();
 79 |        if (m_wrap||(now>0))
 80 |                slideInIdx(now-1);
 81 |        else
 82 |            return false;
 83 |        return true;
 84 | }
 85 | 
 86 | void SlidingStackedWidget::slideInIdx(int idx, enum t_direction direction) {
 87 | 
 88 |        if (idx>count()-1) {
 89 |            direction=m_vertical ? TOP2BOTTOM : RIGHT2LEFT;
 90 |            idx=(idx)%count();
 91 |        }
 92 |        else if (idx<0) {
 93 |            direction= m_vertical ? BOTTOM2TOP: LEFT2RIGHT;
 94 |            idx=(idx+count())%count();
 95 |        }
 96 |        slideInWgt(widget ( idx ),direction);
 97 | }
 98 | 
 99 | void SlidingStackedWidget::slideInWgt(QWidget * newwidget, enum t_direction direction) {
100 | 
101 |        if (m_active) {
102 |            return;
103 |        }
104 |        else m_active=true;
105 |        enum t_direction directionhint;
106 |        int now = currentIndex();
107 |        int next = indexOf(newwidget);
108 |        if (now == next) {
109 |                m_active=false;
110 |                return;
111 |        }
112 |        else if (now<next){
113 |                directionhint=m_vertical ? TOP2BOTTOM : RIGHT2LEFT;
114 |        }
115 |        else {
116 |                directionhint=m_vertical ? BOTTOM2TOP : LEFT2RIGHT;
117 |        }
118 |        if (direction == AUTOMATIC) {
119 |                direction=directionhint;
120 |        }
121 | 
122 | 
123 |        int offsetx=frameRect().width();
124 |        int offsety=frameRect().height();
125 | 
126 | 
127 |        widget(next)->setGeometry ( 0,  0, offsetx, offsety );
128 |        if (direction==BOTTOM2TOP)  {
129 |                offsetx=0;
130 |                offsety=-offsety;
131 |        }
132 |        else if (direction==TOP2BOTTOM) {
133 |                offsetx=0;
134 |        }
135 |        else if (direction==RIGHT2LEFT) {
136 |                offsetx=-offsetx;
137 |                offsety=0;
138 |        }
139 |        else if (direction==LEFT2RIGHT) {
140 |                offsety=0;
141 |        }
142 | 
143 |        QPoint pnext=widget(next)->pos();
144 |        QPoint pnow=widget(now)->pos();
145 |        m_pnow=pnow;
146 |        widget(next)->move(pnext.x()-offsetx,pnext.y()-offsety);
147 | 
148 |        widget(next)->show();
149 |        widget(next)->raise();
150 | 
151 |        QPropertyAnimation *animnow = new QPropertyAnimation(widget(now), "pos");
152 |        animnow->setDuration(m_speed);
153 |        animnow->setEasingCurve(m_animationtype);
154 |        animnow->setStartValue(QPoint(pnow.x(), pnow.y()));
155 |        animnow->setEndValue(QPoint(offsetx+pnow.x(), offsety+pnow.y()));
156 | 
157 |        QGraphicsOpacityEffect *animnow_op_eff = new QGraphicsOpacityEffect();
158 |        widget(now)->setGraphicsEffect(animnow_op_eff);
159 |        QPropertyAnimation *animnow_op = new QPropertyAnimation(animnow_op_eff, "opacity");
160 |        animnow_op->setDuration(m_speed/2);
161 |        animnow_op->setStartValue(1);
162 |        animnow_op->setEndValue(0);
163 |        connect(animnow_op,&QPropertyAnimation::finished,[=](){
164 |            if(animnow_op_eff  != nullptr)
165 |               animnow_op_eff->deleteLater();
166 |        });
167 | 
168 |        QGraphicsOpacityEffect *animnext_op_eff = new QGraphicsOpacityEffect();
169 |        animnext_op_eff->setOpacity(0);
170 |        widget(next)->setGraphicsEffect(animnext_op_eff);
171 |        QPropertyAnimation *animnext_op = new QPropertyAnimation(animnext_op_eff, "opacity");
172 |        animnext_op->setDuration(m_speed/2);
173 |        animnext_op->setStartValue(0);
174 |        animnext_op->setEndValue(1);
175 |        connect(animnext_op,&QPropertyAnimation::finished,[=](){
176 |            if(animnext_op_eff != nullptr)
177 |               animnext_op_eff->deleteLater();
178 |        });
179 | 
180 |        QPropertyAnimation *animnext = new QPropertyAnimation(widget(next), "pos");
181 |        animnext->setDuration(m_speed);
182 |        animnext->setEasingCurve(m_animationtype);
183 |        animnext->setStartValue(QPoint(-offsetx+pnext.x(), offsety+pnext.y()));
184 |        animnext->setEndValue(QPoint(pnext.x(), pnext.y()));
185 | 
186 |        animgroup = new QParallelAnimationGroup;
187 |        animgroup->addAnimation(animnow);
188 |        animgroup->addAnimation(animnext);
189 |        animgroup->addAnimation(animnow_op);
190 |        animgroup->addAnimation(animnext_op);
191 | 
192 |        QObject::connect(animgroup, SIGNAL(finished()),this,SLOT(animationDoneSlot()));
193 |        m_next=next;
194 |        m_now=now;
195 |        m_active=true;
196 |        animgroup->start(QAbstractAnimation::DeleteWhenStopped);
197 | }
198 | 
199 | 
200 | void SlidingStackedWidget::animationDoneSlot()
201 | {
202 |    setCurrentIndex(m_next);
203 |    widget(m_now)->hide();
204 |    widget(m_now)->move(m_pnow);
205 |    m_active=false;
206 |    emit animationFinished();
207 | }
208 | 
209 | 
210 | 


--------------------------------------------------------------------------------
/SlidingStackedWidget/slidingstackedwidget.h:
--------------------------------------------------------------------------------
 1 | /*
 2 |  *  MIT License
 3 |     Copyright (c) 2020 Tim Schneeberger (ThePBone) <tim.schneeberger(at)outlook.de>
 4 |     Permission is hereby granted, free of charge, to any person obtaining a copy
 5 |     of this software and associated documentation files (the "Software"), to deal
 6 |     in the Software without restriction, including without limitation the rights
 7 |     to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 8 |     copies of the Software, and to permit persons to whom the Software is
 9 |     furnished to do so, subject to the following conditions:
10 |     The above copyright notice and this permission notice shall be included in all
11 |     copies or substantial portions of the Software.
12 |     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13 |     IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14 |     FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15 |     AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16 |     LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17 |     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18 |     SOFTWARE.
19 |  *
20 |  *  Inspired by https://qt.shoutwiki.com/wiki/Extending_QStackedWidget_for_sliding_page_animations_in_Qt
21 |  */
22 | #ifndef SLIDINGSTACKEDWIDGET_H
23 | #define SLIDINGSTACKEDWIDGET_H
24 | #include <QStackedWidget>
25 | #include <QEasingCurve>
26 | #include <QParallelAnimationGroup>
27 | 
28 | class SlidingStackedWidget : public QStackedWidget {
29 | 
30 |        Q_OBJECT
31 | public:
32 |        //! Animation direction
33 |        enum t_direction {
34 |                LEFT2RIGHT,
35 |                RIGHT2LEFT,
36 |                TOP2BOTTOM,
37 |                BOTTOM2TOP,
38 |                AUTOMATIC
39 |        };
40 |        SlidingStackedWidget(QWidget *parent);
41 | 
42 | public slots:
43 |        //! Set animation speed
44 |        void setSpeed(int speed);
45 |        //! Set easing curve
46 |        void setAnimation(enum QEasingCurve::Type animationtype);
47 |        //! Change positioning mode
48 |        void setVerticalMode(bool vertical = true);
49 |        //! Enables page wrap for \c slideInNext and \c slideInPrev
50 |        void setWrap(bool wrap);
51 |        //! Slide to next page
52 |        bool slideInNext();
53 |        //! Slide to previous page
54 |        bool slideInPrev();
55 |        //! Slide to page x
56 |        void slideInIdx(int idx, enum t_direction direction=AUTOMATIC);
57 |         //! Slide to page with widget
58 |        void slideInWgt(QWidget * widget, enum t_direction direction=AUTOMATIC);
59 | signals:
60 |        //! Animation is finished
61 |        void animationFinished(void);
62 | 
63 | protected slots:
64 |        void animationDoneSlot(void);
65 | 
66 | protected:
67 |        QWidget *m_mainwindow;
68 |        int m_speed;
69 |        enum QEasingCurve::Type m_animationtype;
70 |        bool m_vertical;
71 |        int m_now;
72 |        int m_next;
73 |        bool m_wrap;
74 |        QPoint m_pnow;
75 |        bool m_active;
76 |        QList<QWidget*> blockedPageList;
77 |        QParallelAnimationGroup *animgroup;
78 | };
79 | #endif // SLIDINGSTACKEDWIDGET_H
80 | 


--------------------------------------------------------------------------------
/demo.cpp:
--------------------------------------------------------------------------------
 1 | #include "demo.h"
 2 | #include "ui_demo.h"
 3 | 
 4 | demo::demo(QWidget *parent) :
 5 |     QDialog(parent),
 6 |     ui(new Ui::demo)
 7 | {
 8 |     ui->setupUi(this);
 9 |     ui->stackedWidget->setAnimation(QEasingCurve::Type::OutQuart);
10 |     ui->stackedWidget->setSpeed(650);
11 |     connect(ui->prev,&QAbstractButton::clicked,[this]{
12 |         if(ui->stackedWidget->slideInPrev()){
13 |             ui->prev->setEnabled(false);
14 |             ui->next->setEnabled(false);
15 |         }
16 |     });
17 |     connect(ui->next,&QAbstractButton::clicked,[this]{
18 |         if(ui->stackedWidget->slideInNext()){
19 |             ui->prev->setEnabled(false);
20 |            ui->next->setEnabled(false);
21 |         }
22 |     });
23 |     connect(ui->stackedWidget,&SlidingStackedWidget::animationFinished,[this]{
24 |         ui->prev->setEnabled(true);
25 |         ui->next->setEnabled(true);
26 |     });
27 | }
28 | 
29 | demo::~demo()
30 | {
31 |     delete ui;
32 | }
33 | 


--------------------------------------------------------------------------------
/demo.h:
--------------------------------------------------------------------------------
 1 | #ifndef DEMO_H
 2 | #define DEMO_H
 3 | 
 4 | #include <QDialog>
 5 | 
 6 | namespace Ui {
 7 | class demo;
 8 | }
 9 | 
10 | class demo : public QDialog
11 | {
12 |     Q_OBJECT
13 | 
14 | public:
15 |     explicit demo(QWidget *parent = nullptr);
16 |     ~demo();
17 | 
18 | private:
19 |     Ui::demo *ui;
20 | };
21 | 
22 | #endif // DEMO_H
23 | 


--------------------------------------------------------------------------------
/demo.pro:
--------------------------------------------------------------------------------
 1 | QT       += core gui
 2 | 
 3 | greaterThan(QT_MAJOR_VERSION, 4): QT += widgets
 4 | 
 5 | CONFIG += c++11
 6 | 
 7 | # The following define makes your compiler emit warnings if you use
 8 | # any Qt feature that has been marked deprecated (the exact warnings
 9 | # depend on your compiler). Please consult the documentation of the
10 | # deprecated API in order to know how to port your code away from it.
11 | DEFINES += QT_DEPRECATED_WARNINGS
12 | 
13 | # You can also make your code fail to compile if it uses deprecated APIs.
14 | # In order to do so, uncomment the following line.
15 | # You can also select to disable deprecated APIs only up to a certain version of Qt.
16 | #DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0
17 | 
18 | include(SlidingStackedWidget/SlidingStackedWidget.pri)
19 | 
20 | SOURCES += \
21 |     demo.cpp \
22 |     main.cpp
23 | 
24 | HEADERS += \
25 |     demo.h
26 | 
27 | # Default rules for deployment.
28 | qnx: target.path = /tmp/$${TARGET}/bin
29 | else: unix:!android: target.path = /opt/$${TARGET}/bin
30 | !isEmpty(target.path): INSTALLS += target
31 | 
32 | FORMS += \
33 |     demo.ui
34 | 
35 | 


--------------------------------------------------------------------------------
/demo.ui:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <ui version="4.0">
  3 |  <class>demo</class>
  4 |  <widget class="QDialog" name="demo">
  5 |   <property name="geometry">
  6 |    <rect>
  7 |     <x>0</x>
  8 |     <y>0</y>
  9 |     <width>480</width>
 10 |     <height>286</height>
 11 |    </rect>
 12 |   </property>
 13 |   <property name="windowTitle">
 14 |    <string>Dialog</string>
 15 |   </property>
 16 |   <layout class="QVBoxLayout" name="verticalLayout">
 17 |    <item>
 18 |     <widget class="SlidingStackedWidget" name="stackedWidget">
 19 |      <property name="currentIndex">
 20 |       <number>0</number>
 21 |      </property>
 22 |      <widget class="QWidget" name="page_1">
 23 |       <layout class="QHBoxLayout" name="horizontalLayout_2">
 24 |        <property name="leftMargin">
 25 |         <number>0</number>
 26 |        </property>
 27 |        <property name="topMargin">
 28 |         <number>0</number>
 29 |        </property>
 30 |        <property name="rightMargin">
 31 |         <number>0</number>
 32 |        </property>
 33 |        <property name="bottomMargin">
 34 |         <number>0</number>
 35 |        </property>
 36 |        <item>
 37 |         <widget class="QWidget" name="p1_container" native="true">
 38 |          <widget class="QLabel" name="p1_title">
 39 |           <property name="geometry">
 40 |            <rect>
 41 |             <x>10</x>
 42 |             <y>10</y>
 43 |             <width>171</width>
 44 |             <height>61</height>
 45 |            </rect>
 46 |           </property>
 47 |           <property name="styleSheet">
 48 |            <string notr="true">font-size: 24px;
 49 | font-weight: bold;</string>
 50 |           </property>
 51 |           <property name="text">
 52 |            <string>Welcome!</string>
 53 |           </property>
 54 |          </widget>
 55 |          <widget class="QLabel" name="p1_desc">
 56 |           <property name="geometry">
 57 |            <rect>
 58 |             <x>10</x>
 59 |             <y>70</y>
 60 |             <width>431</width>
 61 |             <height>151</height>
 62 |            </rect>
 63 |           </property>
 64 |           <property name="styleSheet">
 65 |            <string notr="true">font-size: 14px;</string>
 66 |           </property>
 67 |           <property name="text">
 68 |            <string>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</string>
 69 |           </property>
 70 |           <property name="alignment">
 71 |            <set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignTop</set>
 72 |           </property>
 73 |           <property name="wordWrap">
 74 |            <bool>true</bool>
 75 |           </property>
 76 |          </widget>
 77 |         </widget>
 78 |        </item>
 79 |       </layout>
 80 |      </widget>
 81 |      <widget class="QWidget" name="page_3">
 82 |       <widget class="QWidget" name="p2_container" native="true">
 83 |        <property name="geometry">
 84 |         <rect>
 85 |          <x>0</x>
 86 |          <y>0</y>
 87 |          <width>445</width>
 88 |          <height>230</height>
 89 |         </rect>
 90 |        </property>
 91 |        <widget class="QLabel" name="p2_title">
 92 |         <property name="geometry">
 93 |          <rect>
 94 |           <x>10</x>
 95 |           <y>10</y>
 96 |           <width>301</width>
 97 |           <height>61</height>
 98 |          </rect>
 99 |         </property>
100 |         <property name="styleSheet">
101 |          <string notr="true">font-size: 24px;
102 | font-weight: bold;
103 | </string>
104 |         </property>
105 |         <property name="text">
106 |          <string>Widgets</string>
107 |         </property>
108 |        </widget>
109 |        <widget class="QTabWidget" name="tabWidget">
110 |         <property name="geometry">
111 |          <rect>
112 |           <x>10</x>
113 |           <y>70</y>
114 |           <width>431</width>
115 |           <height>131</height>
116 |          </rect>
117 |         </property>
118 |         <widget class="QWidget" name="tab">
119 |          <attribute name="title">
120 |           <string>Tab 1</string>
121 |          </attribute>
122 |          <widget class="QRadioButton" name="radioButton">
123 |           <property name="geometry">
124 |            <rect>
125 |             <x>10</x>
126 |             <y>10</y>
127 |             <width>121</width>
128 |             <height>21</height>
129 |            </rect>
130 |           </property>
131 |           <property name="text">
132 |            <string>Radio Button</string>
133 |           </property>
134 |           <property name="checked">
135 |            <bool>true</bool>
136 |           </property>
137 |          </widget>
138 |          <widget class="QRadioButton" name="radioButton_2">
139 |           <property name="geometry">
140 |            <rect>
141 |             <x>10</x>
142 |             <y>40</y>
143 |             <width>131</width>
144 |             <height>21</height>
145 |            </rect>
146 |           </property>
147 |           <property name="text">
148 |            <string>Radio Button 2</string>
149 |           </property>
150 |          </widget>
151 |          <widget class="QComboBox" name="comboBox">
152 |           <property name="geometry">
153 |            <rect>
154 |             <x>10</x>
155 |             <y>70</y>
156 |             <width>141</width>
157 |             <height>23</height>
158 |            </rect>
159 |           </property>
160 |           <item>
161 |            <property name="text">
162 |             <string>Item 1</string>
163 |            </property>
164 |           </item>
165 |           <item>
166 |            <property name="text">
167 |             <string>Item 2</string>
168 |            </property>
169 |           </item>
170 |           <item>
171 |            <property name="text">
172 |             <string>Item 3</string>
173 |            </property>
174 |           </item>
175 |          </widget>
176 |         </widget>
177 |         <widget class="QWidget" name="tab_2">
178 |          <attribute name="title">
179 |           <string>Tab 2</string>
180 |          </attribute>
181 |         </widget>
182 |        </widget>
183 |       </widget>
184 |      </widget>
185 |      <widget class="QWidget" name="page_5">
186 |       <widget class="QWidget" name="p4_container" native="true">
187 |        <property name="geometry">
188 |         <rect>
189 |          <x>0</x>
190 |          <y>0</y>
191 |          <width>445</width>
192 |          <height>230</height>
193 |         </rect>
194 |        </property>
195 |        <widget class="QLabel" name="p4_title">
196 |         <property name="geometry">
197 |          <rect>
198 |           <x>10</x>
199 |           <y>10</y>
200 |           <width>271</width>
201 |           <height>61</height>
202 |          </rect>
203 |         </property>
204 |         <property name="styleSheet">
205 |          <string notr="true">font-size: 24px;
206 | font-weight: bold;</string>
207 |         </property>
208 |         <property name="text">
209 |          <string>Last page</string>
210 |         </property>
211 |        </widget>
212 |        <widget class="QLabel" name="p4_desc">
213 |         <property name="geometry">
214 |          <rect>
215 |           <x>10</x>
216 |           <y>70</y>
217 |           <width>431</width>
218 |           <height>141</height>
219 |          </rect>
220 |         </property>
221 |         <property name="styleSheet">
222 |          <string notr="true">font-size: 14px;</string>
223 |         </property>
224 |         <property name="text">
225 |          <string>Est ridiculus Class consectetuer leo nullam. Convallis porta condimentum dapibus. Suspendisse aliquam ligula elementum blandit. Massa sit. Tempor nonummy commodo odio id, bibendum.
226 | 
227 | Consequat, cras suspendisse molestie, cras purus integer tristique quam est lorem.</string>
228 |         </property>
229 |         <property name="alignment">
230 |          <set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignTop</set>
231 |         </property>
232 |         <property name="wordWrap">
233 |          <bool>true</bool>
234 |         </property>
235 |        </widget>
236 |       </widget>
237 |      </widget>
238 |     </widget>
239 |    </item>
240 |    <item>
241 |     <layout class="QHBoxLayout" name="horizontalLayout">
242 |      <property name="topMargin">
243 |       <number>0</number>
244 |      </property>
245 |      <item>
246 |       <widget class="QToolButton" name="prev">
247 |        <property name="styleSheet">
248 |         <string notr="true"/>
249 |        </property>
250 |        <property name="text">
251 |         <string>Prev</string>
252 |        </property>
253 |        <property name="icon">
254 |         <iconset theme="arrow-left">
255 |          <normaloff>.</normaloff>.</iconset>
256 |        </property>
257 |        <property name="toolButtonStyle">
258 |         <enum>Qt::ToolButtonIconOnly</enum>
259 |        </property>
260 |       </widget>
261 |      </item>
262 |      <item>
263 |       <spacer name="horizontalSpacer">
264 |        <property name="orientation">
265 |         <enum>Qt::Horizontal</enum>
266 |        </property>
267 |        <property name="sizeHint" stdset="0">
268 |         <size>
269 |          <width>40</width>
270 |          <height>20</height>
271 |         </size>
272 |        </property>
273 |       </spacer>
274 |      </item>
275 |      <item>
276 |       <widget class="QToolButton" name="next">
277 |        <property name="styleSheet">
278 |         <string notr="true"/>
279 |        </property>
280 |        <property name="text">
281 |         <string>Next</string>
282 |        </property>
283 |        <property name="icon">
284 |         <iconset theme="arrow-right">
285 |          <normaloff>.</normaloff>.</iconset>
286 |        </property>
287 |        <property name="toolButtonStyle">
288 |         <enum>Qt::ToolButtonIconOnly</enum>
289 |        </property>
290 |       </widget>
291 |      </item>
292 |     </layout>
293 |    </item>
294 |   </layout>
295 |  </widget>
296 |  <customwidgets>
297 |   <customwidget>
298 |    <class>SlidingStackedWidget</class>
299 |    <extends>QStackedWidget</extends>
300 |    <header>slidingstackedwidget.h</header>
301 |    <container>1</container>
302 |   </customwidget>
303 |  </customwidgets>
304 |  <resources/>
305 |  <connections/>
306 | </ui>
307 | 


--------------------------------------------------------------------------------
/main.cpp:
--------------------------------------------------------------------------------
 1 | #include "demo.h"
 2 | 
 3 | #include <QStyle>
 4 | #include <QApplication>
 5 | 
 6 | int main(int argc, char *argv[])
 7 | {
 8 |     QApplication a(argc, argv);
 9 |     demo w;
10 |     qApp->setPalette(w.style()->standardPalette());
11 |     qApp->setStyle("Fusion");
12 |     qApp->setStyleSheet("");
13 |     w.show();
14 |     return a.exec();
15 | }
16 | 


--------------------------------------------------------------------------------
/screenshots/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qt-Widgets/SlidingStackedWidget-1/3fedb180cb5c1bb95cd95bee845eee36f1dc6656/screenshots/demo.gif


--------------------------------------------------------------------------------
/screenshots/slow_demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qt-Widgets/SlidingStackedWidget-1/3fedb180cb5c1bb95cd95bee845eee36f1dc6656/screenshots/slow_demo.gif


--------------------------------------------------------------------------------