QML SwipeView

参考视频：https://www.bilibili.com/video/BV1Ay4y1W7xd

参考：https://doc.qt.io/qt-5/qml-qtquick-controls2-swipeview.html

示例1

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.15
import "./common.js"  as FunJsWindow
{id: windowwidth: 600height: 480visible: truetitle: "QML Demo"Item{id: rootItemanchors.fill: parentproperty var colorBuilder: FunJs.getColorBudider(Qt.rgba)SwipeView {id: viewcurrentIndex: 1anchors.fill: parentRectangle{Text{text: qsTr("firstPage")}}Rectangle{Text{text: qsTr("secondPage")}}Rectangle{Text{text: qsTr("thirdPage")}}}PageIndicator{id: indicatorcount: view.countcurrentIndex: view.currentIndexanchors.bottom: view.bottomanchors.horizontalCenter: parent.horizontalCenter}}
}

输出：

示例2

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.15
import "./common.js"  as FunJsWindow
{id: windowwidth: 600height: 480visible: truetitle: "QML Demo"Item{id: rootItemanchors.fill: parentproperty var colorBuilder: FunJs.getColorBudider(Qt.rgba)property var pages:["Home", "Help", "About"]TabBar{id: titleBaranchors.left: parent.leftanchors.right: parent.rightcurrentIndex: view.currentIndexRepeater{model: rootItem.pagesTabButton{text: modelDataonClicked:{view.currentIndex = index}}}}SwipeView{id: viewanchors.top: titleBar.bottomanchors.bottom: parent.bottomanchors.left: parent.leftanchors.right: parent.rightcurrentIndex: 0Repeater{model: rootItem.pages.lengthRectangle{color: rootItem.colorBuilder()}}}PageIndicator {id: indicatorcount: view.countcurrentIndex: view.currentIndexanchors.bottom: view.bottomanchors.horizontalCenter: parent.horizontalCenter}}
}

输出：

QML SwipeView相关推荐

Qml SwipeView禁用滑动动画
SwipeView{Component.onCompleted:{contentItem.highlightMoveDuration = 0 //将移动时间设为0}}
9.QML Qt Quick Controls 2中常用的界面形式——并排式界面（SwipeView）
并排式界面的实现的核心组件就是SwipeView.SwipeView由一组页面填充.一次只能看到一页.用户可以横向滑动浏览页面. 请注意,SwipeView本身完全不可见.一般与PageIndicat ...
QML 界面切换的几种方法
静态一.隐藏法本质上各页面都存在,只是某些隐藏,某些显示,当某一触发条件满足时,设置对应页面的显示和隐藏. main.qml ----------------------------------- ...
[QML开发笔记]-QML滑屏效果
[QML开发笔记]-QML滑屏效果 QML的SwipeView滑屏控件.PageIndicator翻页指示器控件的功能介绍和使用方法.同样的功能我通过QWidget也进行了实现,可以参考QWidget ...
Qt 官方示例 | 这几个 QML 版的 Hello World 你学会了吗？
.我是老吴,一枚光荣的嵌入式底层劳动人民. 作为一名 C++ 手残党的我,又来分享 Qt 的学习心得啦. 学习 Qt 的最佳途径是阅读官方的手册和示例, 今天要分享的是 Qt 官方提供的几个 Qt Q ...
Qt QML 菜单/目录/工具栏的全面攻略（TabBar、MenuBar、ToolBar、Button定制、Listview、Repeater）
Qt QML 菜单/目录/工具栏的全面攻略 1. TabBar的工具栏/目录 1.1 演示 1.2 关键控件 1.3 源码 2 MenuBar 菜单 2.1 演示 2.2 关键控件 2.3 源码 3 ...
【Qt5开发】Qt Quick/QML快速入门视频教程
learnqml 免费试看地址:https://jiaoyu.taobao.com/course/QKT_2081022 完整视频购买地址:https://item.taobao.com/item.h ...
qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
qt 多个模型如何显示在表格中_Qt MOOC系列教程第五章第四节：QML中的C++模型
我们已经多次讨论过如何创建自己的模型来表示QML中的数据,并且在上一节中我们看到了QStandardItemModel的基本示例.通常,出于性能和功能方面的原因,需要从一开始就要实现自己的模型.QAb ...

QML SwipeView

QML SwipeView

示例1

示例2

QML SwipeView相关推荐

最新文章

热门文章