QML学习记录：并排页面切换效果的实现

原创

于 2024-04-08 08:45:04 发布 · 398 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #QML

文章介绍了如何在ApplicationWindow中使用SwipeView实现页面切换效果，同时添加PageIndicator显示当前页面位置。SwipeView包含Home,About,EditFile和Profile四个页面，PageIndicator的currentIndex和count属性与SwipeView同步更新。

定义一个ApplicationWindow窗口，通过添加SwipeView和PageIndicator来实现页面切换效果和显示当前页面位置的指示器。


ApplicationWindow {
   
   
    id:root
    visible: true
    width: 340
    height: 480
    title: qsTr("SwipeView")
// 定义一个SwipeView用于页面切换效果
SwipeView{
   
   
    id: swipeview                        // 定义SwipeView的id为swipeview，用于后续引用
    currentIndex<