You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.4 KiB
116 lines
3.4 KiB
import QtQuick 2.2
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Controls.Styles 1.2
|
|
import "tabs"
|
|
import "components"
|
|
|
|
Rectangle {
|
|
width: 330
|
|
|
|
TitleBar {
|
|
anchors.top: parent.top
|
|
anchors.right: parent.right
|
|
anchors.topMargin: 5
|
|
anchors.rightMargin: 5
|
|
}
|
|
|
|
TabView {
|
|
id: tabView
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.bottom: styledRow.top
|
|
anchors.leftMargin: 14
|
|
anchors.rightMargin: 14
|
|
anchors.topMargin: 40
|
|
|
|
Tab { title: qsTr("Twitter"); source: "tabs/Twitter.qml" }
|
|
Tab { title: "News" }
|
|
Tab { title: "Help" }
|
|
Tab { title: "About" }
|
|
|
|
style: TabViewStyle {
|
|
frameOverlap: 0
|
|
tabOverlap: 0
|
|
|
|
tab: Rectangle {
|
|
implicitHeight: 31
|
|
implicitWidth: styleData.index === tabView.count - 1 ? tabView.width - (tabView.count - 1) * 68 : 68
|
|
|
|
Text {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.leftMargin: 12
|
|
anchors.rightMargin: 12
|
|
elide: Text.ElideRight
|
|
font.family: "Arial"
|
|
font.pixelSize: 14
|
|
color: styleData.selected ? "#FF4E40" : "#4A4646"
|
|
text: styleData.title
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
width: 1
|
|
color: "#DBDBDB"
|
|
visible: styleData.index !== tabView.count - 1
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: -1
|
|
height: 1
|
|
color: styleData.selected ? "#FFFFFF" : "#DBDBDB"
|
|
}
|
|
}
|
|
|
|
frame: Rectangle {
|
|
color: "#FFFFFF"
|
|
anchors.fill: parent
|
|
Rectangle {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
//anchors.topMargin: 1
|
|
height: 1
|
|
color: "#DBDBDB"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
id: styledRow
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
|
|
Rectangle { height: 8; width: parent.width / 5; color: "#FFE00A" }
|
|
Rectangle { height: 8; width: parent.width / 5; color: "#6B0072" }
|
|
Rectangle { height: 8; width: parent.width / 5; color: "#FF6C3C" }
|
|
Rectangle { height: 8; width: parent.width / 5; color: "#FFD781" }
|
|
Rectangle { height: 8; width: parent.width / 5; color: "#FF4F41" }
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: 1
|
|
color: "#DBDBDB"
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
width: 1
|
|
color: "#DBDBDB"
|
|
}
|
|
}
|