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