import QtQuick
import QtQuick.Controls
Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")
SwipeView {
id: view
anchors.fill: parent
Repeater
model: 6
Loader
active: SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
sourceComponent: Text
text: index
Component.onCompleted: console.log("created:", index)
Component.onDestruction: console.log("destroyed:", index)
PageIndicator {
id: indicator
count: view.count
currentIndex: view.currentIndex
anchors.bottom: view.bottom
anchors.horizontalCenter: parent.horizontalCenter
二、属性成员
1、【只读】horizontal : bool / 【只读】vertical : bool
是否水平 / 垂直。
2、interactive : bool
是否可以与 SwipeView 交互。用户不能滑动非交互式视图。默认为 true。
3、orientation : enumeration
- Qt.Horizontal：水平（默认）
- Qt.Vertical：垂直
三、附加属性
1、【只读】SwipeView.index : int
SwipeView 中每个子项的索引。附加到 SwipeView 的每个子项。
2、【只读】SwipeView.isCurrentItem : bool
如果此子项是当前项，则此附加属性为 true。附加到 SwipeView 的每个子项。
3、【只读】SwipeView.isNextItem : bool
如果此子项是当前项的下一项，则此附加属性为 true。附加到 SwipeView 的每个子项。
4、【只读】SwipeView.isPreviousItem : bool
如果此子项是当前项的前一项，则此附加属性为 true。附加到 SwipeView 的每个子项。
5、【只读】SwipeView.view : SwipeView
管理此子项的 SwipeView。附加到 SwipeView 的每个子项。
四、自定义 SwipeView 示例
import QtQuick
import QtQuick.Controls
Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")
SwipeView {
id: view
currentIndex: 1
anchors.fill: parent
background: Rectangle {
color: "#128bf1"
Label {
id: firstPage
text: "firstPage"
Label {
id: secondPage
text: "secondPage"
Label {
id: thirdPage
text: "thirdPage"
PageIndicator {
id: indicator
count: view.count
currentIndex: view.currentIndex
anchors.bottom: view.bottom
anchors.horizontalCenter: parent.horizontalCenter
PageIndicator
页面指示器，用于在多个页面的容器中指示当前活动的页面。继承自 Control。
pageIndicator 由呈现页面的委托项目组成。
二、属性成员
1、count : int
2、currentIndex : int
当前页面的索引。
3、delegate : Component
呈现页面的委托。
以下属性在每个委托的上下文中可用：
- index : int：项目的索引
- press : bool：项目是否被按下
4、interactive : bool
是否是交互式的。交互式页面指示器对按下作出反应并自动适当地更改当前索引。默认为 false。
页面指示器通常非常小，可能比较难点击，并且用户可能不知道是交互的。
三、自定义 pageIndicator 示例
import QtQuick
import QtQuick.Controls
Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")
SwipeView {
id: view
currentIndex: 1
anchors.fill: parent
Label {
id: firstPage
text: "firstPage"
Label {
id: secondPage
text: "secondPage"
Label {
id: thirdPage
text: "thirdPage"
PageIndicator {
id: indicator
delegate: Rectangle
implicitWidth: 8
implicitHeight: 8
radius: width / 2
color: "#21be2b"
opacity: index === view.currentIndex ? 0.95 : pressed ? 0.7 : 0.45
required property int index
Behavior on opacity
OpacityAnimator
duration: 100
count: view.count
currentIndex: view.currentIndex
anchors.bottom: view.bottom
anchors.horizontalCenter: parent.horizontalCenter
Import Statement：import QtQuick.Controls 2.14
Since：Qt 5.7
Inherits：ContainerSwipeView是一个带滑动功能的QStackedWidget
TabBar + SwipeView 使用
数字页面指示器NumericPageIndicator：打造优雅的移动应用导航体验
项目地址:https://gitcode.com/ManuelPeinado/NumericPageIndicator
在开发Android应用时，给用户清晰易懂的导航指示是至关重要的，这不仅能提升用户体验，也有助于提高应用程序的整体专业感。为此，我们向您推荐一个强大的开源项目——NumericPageIndica...
import QtQuick.Window 2.12
import QtQuick.VirtualKeyboard 2.4
import QtQuick.Controls 2.3
import QtWebEngine 1.4
Item {
width: 800
height: 480
Item {
anchors.center.
```cpp
std::pair<int, QString> myPair(10, "Hello");
QVariant variant = QVariant::fromValue(myPair);
此时，myPair被转换为了QVariant对象variant。
如果需要从QVariant对象中恢复std::pair数据类型，可以使用QVariant::value()方法，示例如下：
```cpp
std::pair<int, QString> restoredPair = variant.value<std::pair<int, QString>>();
现在，restoredPair就是之前保存在QVariant对象中的std::pair数据类型。
需要注意的是，QVariant只能保存可复制(concept of CopyConstructible)，可销毁(concept of Destructible)以及可比较(concept of Comparable)类型。如果std::pair的成员类型满足这些要求，那么它就可以被保存在QVariant对象中。
希望这个回答对你有所帮助！
