This commit is contained in:
朱子楚\zhuzi 2024-04-04 16:53:31 +08:00
parent b4329fdd0a
commit cf163f5e3b
6 changed files with 24 additions and 8 deletions

View File

@ -26,7 +26,8 @@ Item{
radius: control.radius
gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 0.88; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1.0; color: d.endColor}
}
}
@ -40,6 +41,12 @@ Item{
leftMargin: control.leftMargin
rightMargin: control.rightMargin
}
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius
color: control.color
}

View File

@ -5,7 +5,7 @@ import FluentUI 1.0
Item {
//DropShadow
property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
property int elevation: 6
property int elevation: 5
property int radius: 4
id:control
anchors.fill: parent

View File

@ -20,13 +20,14 @@ FluControlBackground{
border.width: 1
gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
GradientStop { position: 1 - 1/control.height; color: d.endColor }
GradientStop { position: 1.0; color: d.endColor }
}
bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
QtObject{
id:d
property int offsetSize : inputItem && inputItem.activeFocus ? 2 : 3
property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
property color endColor: {
if(!control.enabled){

View File

@ -26,7 +26,8 @@ Item{
radius: control.radius
gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 0.88; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1.0; color: d.endColor}
}
}
@ -40,6 +41,12 @@ Item{
leftMargin: control.leftMargin
rightMargin: control.rightMargin
}
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius
color: control.color
}

View File

@ -5,7 +5,7 @@ import FluentUI
Item {
//DropShadow
property color color: FluTheme.dark ? "#AAAAAA" : "#999999"
property int elevation: 6
property int elevation: 5
property int radius: 4
id:control
anchors.fill: parent

View File

@ -20,13 +20,14 @@ FluControlBackground{
border.width: 1
gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor }
GradientStop { position: 1 - 3/control.height; color: d.startColor }
GradientStop { position: 1 - 2/control.height; color: d.startColor }
GradientStop { position: 1 - d.offsetSize/control.height; color: d.startColor }
GradientStop { position: 1 - 1/control.height; color: d.endColor }
GradientStop { position: 1.0; color: d.endColor }
}
bottomMargin: inputItem && inputItem.activeFocus ? 2 : 1
QtObject{
id:d
property int offsetSize : inputItem && inputItem.activeFocus ? 2 : 3
property color startColor: FluTheme.dark ? Qt.rgba(66/255,66/255,66/255,1) : Qt.rgba(232/255,232/255,232/255,1)
property color endColor: {
if(!control.enabled){