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