TabViewStyle QML Type

Provides custom styling for TabView More...

• List of all members, including inherited members

Properties

• control : TabView
• frame : Component
• frameOverlap : int
• leftCorner : Component
• rightCorner : Component
• tab : Component
• tabBar : Component
• tabOverlap : int
• tabsAlignment : int
• tabsMovable : bool

Detailed Description

  TabView {
      id: frame
      anchors.fill: parent
      anchors.margins: 4
      Tab { title: "Tab 1" }
      Tab { title: "Tab 2" }
      Tab { title: "Tab 3" }

      style: TabViewStyle {
          frameOverlap: 1
          tab: Rectangle {
              color: styleData.selected ? "steelblue" :"lightsteelblue"
              border.color:  "steelblue"
              implicitWidth: Math.max(text.width + 4, 80)
              implicitHeight: 20
              radius: 2
              Text {
                  id: text
                  anchors.centerIn: parent
                  text: styleData.title
                  color: styleData.selected ? "white" : "black"
              }
          }
          frame: Rectangle { color: "steelblue" }
      }
  }

Property Documentation