QML自定义TabView样式_qml tab

友情提示：如果在看这篇文章之前，你还不熟悉TabView控件的基本用法，建议先写一写简单的例子来熟悉一下，然后再回来看这篇文章。 

1.TabView的基本用法

TabView为应用程序提供了基于选项卡的导航模型。例如，下面的代码片段使用选项卡在每个选项卡页上显示不同颜色的矩形: 

  TabView {
      Tab {
          title: "Red"
          Rectangle { color: "red" }
      }
      Tab {
          title: "Blue"
          Rectangle { color: "blue" }
      }
      Tab {
          title: "Green"
          Rectangle { color: "green" }
      }
  }

2.演示示例

接下来将以下面的代码为基础来讲解如何设置TabView的样式。下面这段代码设置了3个选项卡，每个选项卡上放了几个子控件，但是这段代码未对样式进行任何设置。

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
 
Window {
    visible: true