AZEN-SGG/amnezia-client
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added CardType component

Browse source 
- added transition for BasicButtonType
This commit is contained in:
vladimir.kuznetsov 2023-04-06 16:33:53 +03:00
parent 8e61d77497
commit 167d57408d
4 changed files with 142 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/ui/qml/Controls2/BasicButtonType.qml
View file

@ -35,6 +35,10 @@ Button {
}
border.color: borderColor
border.width: borderWidth
Behavior on color {
PropertyAnimation { duration: 200 }
}
}
MouseArea {

118
client/ui/qml/Controls2/CardType.qml Normal file
View file

@ -0,0 +1,118 @@
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
RadioButton {
id: root
property string headerText
property string bodyText
property string footerText
property string hoveredColor: Qt.rgba(255, 255, 255, 0)
property string defaultColor: Qt.rgba(255, 255, 255, 0.05)
property string disabledColor: Qt.rgba(255, 255, 255, 0)
property string pressedColor: Qt.rgba(255, 255, 255, 0.05)
property string textColor: "#0E0E11"
property string pressedBorderColor: Qt.rgba(251, 178, 106, 0.3)
property string hoveredBorderColor: Qt.rgba(251, 178, 106, 1)
property int borderWidth: 0
implicitWidth: content.implicitWidth
implicitHeight: content.implicitHeight
hoverEnabled: true
indicator: Rectangle {
anchors.fill: parent
radius: 16
color: {
if (root.enabled) {
if(root.checked) {
return pressedColor
}
return hovered ? hoveredColor : defaultColor
} else {
return disabledColor
}
}
border.color: {
if (root.enabled) {
if(root.checked) {
return pressedBorderColor
}
return hovered ? hoveredBorderColor : defaultColor
} else {
return disabledColor
}
}
border.width: {
if (root.enabled) {
if(root.checked) {
return 1
}
return hovered ? 1 : 0
} else {
return 0
}
}
Behavior on color {
PropertyAnimation { duration: 200 }
}
}
ColumnLayout {
id: content
anchors.fill: parent
spacing: 16
Text {
text: root.headerText
color: "#878b91"
font.pixelSize: 25
font.weight: 700
font.family: "PT Root UI VF"
height: 30
Layout.fillWidth: true
Layout.rightMargin: 16
Layout.leftMargin: 16
Layout.topMargin: 16
}
Text {
text: root.bodyText
wrapMode: Text.WordWrap
color: "#878b91"
font.pixelSize: 16
font.weight: 400
font.family: "PT Root UI VF"
height: 24
Layout.fillWidth: true
Layout.rightMargin: 16
Layout.leftMargin: 16
Layout.bottomMargin: root.footerText !== "" ? 0 : 16
}
Text {
text: root.footerText
visible: root.footerText !== ""
enabled: root.footerText !== ""
color: "#878b91"
font.pixelSize: 13
font.weight: 400
font.family: "PT Root UI VF"
height: 16
Layout.fillWidth: true
Layout.rightMargin: 16
Layout.leftMargin: 16
Layout.bottomMargin: 16
}
}
}