• FluentUI Reference Documentation
• FluentUI.Controls
• Tour
• FluentUI 1.0

Tour QML Type

一个用于引导用户完成步骤的提示组件。. More...

• List of all members, including inherited members

Properties

• backgroundColor : color
• finishText : string
• index : int
• nextText : string
• previousText : string
• steps : var
• targetMargins : int

Detailed Description

`Tour` 组件是一个自定义的引导提示框，用于引导用户逐步完成任务或了解应用的不同部分。它通过展示一系列步骤，并在每个步骤中突出显示目标区域，帮助用户更好地理解应用的使用流程。组件支持自定义步骤的文本、按钮文本以及背景颜色。

示例用法：

 Tour {
  steps: [
      {
          title: qsTr("Step 1"),
          description: qsTr("This is the first step of the tour."),
          target: someItem,
          onNextListener: function(tour) { console.log("Step 1 Next clicked") }
      },
      {
          title: qsTr("Step 2"),
          description: qsTr("This is the second step of the tour."),
          target: anotherItem,
          onPreviousListener: function(tour) { console.log("Step 2 Previous clicked") }
      }
  ]
  finishText: qsTr("Complete Tour")
  nextText: qsTr("Next")
  previousText: qsTr("Previous")
 }

Property Documentation