74 lines
1.7 KiB
QML
74 lines
1.7 KiB
QML
|
// Copyright (C) 2022 The Qt Company Ltd.
|
||
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
|
||
|
|
import QtQuick
|
||
|
|
import QtQuick.Controls.Material
|
||
|
|
import QtQuick.Layouts
|
||
|
|
|
||
|
|
import ".."
|
||
|
|
|
||
|
|
Page {
|
||
|
|
topPadding: 20
|
||
|
|
|
||
|
|
property var backgroundColor
|
||
|
|
|
||
|
|
header: RowLayout {
|
||
|
|
CheckBox {
|
||
|
|
id: disabledCheckBox
|
||
|
|
text: "Disabled"
|
||
|
|
}
|
||
|
|
|
||
|
|
Item {
|
||
|
|
Layout.fillWidth: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
component ElevationLayout: ColumnLayout {
|
||
|
|
id: elevationLayout
|
||
|
|
enabled: !disabledCheckBox.checked
|
||
|
|
|
||
|
|
property var backgroundColor: undefined
|
||
|
|
property var foregroundColor: undefined
|
||
|
|
|
||
|
|
property int contentLeftMargin
|
||
|
|
property int contentRightMargin
|
||
|
|
|
||
|
|
ColumnLayout {
|
||
|
|
spacing: Constants.spacing
|
||
|
|
|
||
|
|
Repeater {
|
||
|
|
model: 13
|
||
|
|
|
||
|
|
DelayButton {
|
||
|
|
text: modelData
|
||
|
|
|
||
|
|
Material.background: elevationLayout.backgroundColor
|
||
|
|
Material.foreground: elevationLayout.foregroundColor
|
||
|
|
Material.elevation: modelData
|
||
|
|
|
||
|
|
Layout.leftMargin: elevationLayout.contentLeftMargin
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Layout.bottomMargin: Constants.spacing
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ScrollView {
|
||
|
|
anchors.fill: parent
|
||
|
|
|
||
|
|
RowLayout {
|
||
|
|
spacing: Constants.spacing
|
||
|
|
|
||
|
|
ElevationLayout {
|
||
|
|
contentLeftMargin: Constants.spacing
|
||
|
|
}
|
||
|
|
|
||
|
|
ElevationLayout {
|
||
|
|
backgroundColor: Material.Teal
|
||
|
|
foregroundColor: "white"
|
||
|
|
contentRightMargin: Constants.spacing
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|