TabView {
anchors.fill: parent
- style: touchStyle
Tab {
- title: "Buttons"
+ title: "1"
ButtonPage{ visible: true }
}
Tab {
- title: "Sliders"
+ title: "2"
SliderPage{ visible: true }
}
Tab {
- title: "Progress"
+ title: "3"
ProgressBarPage{ visible: true }
}
- }
-
- Component {
- id: touchStyle
- TabViewStyle {
- tabsAlignment: Qt.AlignVCenter
- tabOverlap: 0
- frame: Item { }
- tab: Item {
- implicitWidth: control.width/control.count
- implicitHeight: 50
- BorderImage {
- anchors.fill: parent
- border.bottom: 8
- border.top: 8
- source: tab.selected ? "../images/tab_selected.png":"../images/tabs_standard.png"
- Text {
- anchors.centerIn: parent
- color: "white"
- text: tab.title.toUpperCase()
- font.pixelSize: 16
- }
- Rectangle {
- visible: index > 0
- anchors.top: parent.top
- anchors.bottom: parent.bottom
- anchors.margins: 10
- width:1
- color: "#3a3a3a"
- }
- }
- }
+ Tab {
+ title: "4"
+ CheckBoxPage{ visible: true }
+ }
+ Tab {
+ title: "5"
+ TextInputPage{ visible: true }
}
- }
+ }
}
import QtQuick 2.1
import QtQuick.Controls 1.0
import QtQuick.Controls.Styles 1.0
+import QtQuick.Controls.Private 1.0
Item {
width: parent.width
height: parent.height
- property real progress: 0
- SequentialAnimation on progress {
- loops: Animation.Infinite
- running: true
- NumberAnimation {
- from: 0
- to: 1
- duration: 3000
- }
- NumberAnimation {
- from: 1
- to: 0
- duration: 3000
- }
- }
-
Column {
spacing: 40
anchors.centerIn: parent
id: touchStyle
TextFieldStyle {
- textColor: "white"
+ textColor: "black"
font.pixelSize: 28
background: Item {
implicitHeight: 50
height: 1280
Rectangle {
- color: "#FFFFFF"
+ color: Qt.lighter("lightgrey")
anchors.fill: parent
}
Behavior on x { NumberAnimation{ easing.type: Easing.OutCubic} }
x: backButton.x + backButton.width + 20
anchors.verticalCenter: parent.verticalCenter
- color: "black"
+ color: "white"
text: "Widget Gallery"
}
}