Home > Mobile >  QML TabView how to show the arrow on the title?
QML TabView how to show the arrow on the title?

Time:04-14

I study TabView according to the blog on the net, found that when the Tab is more, the title of each Tab displays is not complete,
And crowded together, how to Tab can appear more arrows, when clicking on the arrow (similar to the arrow in the Execl, the following figure 2) after the show next Tab
Figure 1


Figure 2


Code:

The import QtQuick 2.12
The import QtQuick. Windows 2.12
The import QtQuick. Controls 2.12
The import QtQuick. Controls 1.4
The import QtQuick. Controls. Styles section 1.4
ApplicationWindow directly {
Visible: true
Width: 400
Height: 300
MaximumWidth: width
Title: qsTr (" Hello World ")

TabView {
Anchors. The fill: parent
Tab {
Title: "Red"
A Rectangle {color: "red"}
}
Tab {
Title: "Blue"
A Rectangle {color: blue ""}
}
Tab {
Title: "Green,"
A Rectangle {color: "green"}
}
Tab {
Title: "Red"
A Rectangle {color: "red"}
}
Tab {
Title: "Blue"
A Rectangle {color: blue ""}
}
Tab {
Title: "Green,"
A Rectangle {color: "green"}
} Tab {
Title: "Red"
A Rectangle {color: "red"}
}
Tab {
Title: "Blue"
A Rectangle {color: blue ""}
}
Tab {
Title: "Green,"
A Rectangle {color: "green"}
}
}
}
  •  Tags:  
  • Qt
  • Related