当前位置: 首页 > 工具软件 > SwipeView > 使用案例 >

SwipeView和page

卓俊晖
2023-12-01

SwipeView元素一般用来在ApplictionWindow中占用除页头和页脚之外的区域,他可以包含page,用来显示多个页面,用来和页面导航交相辉映。SwipeView默认有左右滑动效果,会触发切换到下一个page的行为

  SwipeView{
        id:sv;
        anchors.fill: parent;
        currentIndex: footertabBar.currentIndex
        Page{
            Text {
                text:"第一页"
            }
            Slider{
                from:0;
                to:100
                anchors.centerIn: parent
            }
        }

        Page{
            Text {

                text:"第二页"
            }
            Slider{
                from:0;
                to:100
                anchors.centerIn: parent
            }
        }
    }

    footer: TabBar {
        id: footertabBar
        currentIndex: sv.currentIndex
        TabButton {

            text: qsTr("footer Tab1");
        }
        TabButton {
            text: qsTr("footer Tab2")
        }
        TabButton {
            text: qsTr("footer Tab3")
        }
    }
 类似资料: