forked from qt-creator/qt-creator
105 lines
2.7 KiB
QML
105 lines
2.7 KiB
QML
|
// Copyright (C) 2024 The Qt Company Ltd.
|
||
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0
|
||
|
|
|
||
|
|
import QtQuick
|
||
|
|
import QtQuick.Controls
|
||
|
|
import QtQuick.Layouts
|
||
|
|
import StudioTheme as StudioTheme
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: root
|
||
|
|
|
||
|
|
property var rootEditor: shaderEditor
|
||
|
|
property StudioTheme.ControlStyle style: StudioTheme.Values.controlStyle
|
||
|
|
|
||
|
|
color: StudioTheme.Values.themeToolbarBackground
|
||
|
|
height: rowLayout.height
|
||
|
|
|
||
|
|
RowLayout {
|
||
|
|
id: rowLayout
|
||
|
|
|
||
|
|
width: parent.width
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
spacing: StudioTheme.Values.controlGap
|
||
|
|
|
||
|
|
TabButton {
|
||
|
|
text: qsTr("Fragment Shader")
|
||
|
|
tabId: "FRAGMENT"
|
||
|
|
}
|
||
|
|
|
||
|
|
TabButton {
|
||
|
|
text: qsTr("Vertex Shader")
|
||
|
|
tabId: "VERTEX"
|
||
|
|
}
|
||
|
|
|
||
|
|
Item {
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.preferredHeight: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
component TabButton: Label {
|
||
|
|
id: tabButton
|
||
|
|
|
||
|
|
required property string tabId
|
||
|
|
readonly property bool selected: rootEditor.selectedShader === tabId
|
||
|
|
|
||
|
|
Layout.preferredHeight: 40
|
||
|
|
Layout.preferredWidth: 120
|
||
|
|
|
||
|
|
font.pixelSize: StudioTheme.Values.mediumFont
|
||
|
|
verticalAlignment: Text.AlignVCenter
|
||
|
|
horizontalAlignment: Text.AlignHCenter
|
||
|
|
padding: 10
|
||
|
|
|
||
|
|
color: {
|
||
|
|
if (!tabButton.enabled)
|
||
|
|
return root.style.text.disabled
|
||
|
|
|
||
|
|
if (tabButton.selected)
|
||
|
|
return root.style.text.selectedText
|
||
|
|
|
||
|
|
return root.style.text.idle
|
||
|
|
}
|
||
|
|
|
||
|
|
background: Rectangle {
|
||
|
|
color: {
|
||
|
|
if (!tabButton.enabled)
|
||
|
|
return "transparent"
|
||
|
|
|
||
|
|
if (tabItemMouseArea.containsMouse && tabButton.selected)
|
||
|
|
return root.style.interactionHover
|
||
|
|
|
||
|
|
if (tabButton.selected)
|
||
|
|
return root.style.interaction
|
||
|
|
|
||
|
|
if (tabItemMouseArea.containsMouse)
|
||
|
|
return root.style.background.hover
|
||
|
|
|
||
|
|
return root.style.background.idle
|
||
|
|
}
|
||
|
|
|
||
|
|
border.width: 1
|
||
|
|
border.color: {
|
||
|
|
if (!tabButton.enabled)
|
||
|
|
return "transparent"
|
||
|
|
|
||
|
|
if (tabButton.selected)
|
||
|
|
return root.style.border.interaction
|
||
|
|
|
||
|
|
if (tabItemMouseArea.containsMouse)
|
||
|
|
return root.style.border.hover
|
||
|
|
|
||
|
|
return root.style.border.idle
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
id: tabItemMouseArea
|
||
|
|
hoverEnabled: true
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: rootEditor.selectedShader = tabButton.tabId
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|