Compare commits

..

3 Commits

Author SHA1 Message Date
朱子楚\zhuzi
6b617d10d5 update 2024-04-04 17:08:45 +08:00
朱子楚\zhuzi
cf163f5e3b update 2024-04-04 16:53:31 +08:00
朱子楚\zhuzi
b4329fdd0a update 2024-04-04 12:11:08 +08:00
8 changed files with 26 additions and 12 deletions

View File

@ -63,10 +63,10 @@ T.ComboBox {
selectByMouse: true selectByMouse: true
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
background: FluTextBoxBackground{ background: FluTextBoxBackground{
border.width: 0 border.width: 1
bottomMargin: { bottomMargin: {
if(!control.editable){ if(!control.editable){
return 0 return 1
} }
return contentItem && contentItem.activeFocus ? 2 : 1 return contentItem && contentItem.activeFocus ? 2 : 1
} }

View File

@ -26,7 +26,7 @@ Item{
radius: control.radius radius: control.radius
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } 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.0; color: d.endColor} GradientStop { position: 1.0; color: d.endColor}
} }
} }
@ -40,6 +40,12 @@ Item{
leftMargin: control.leftMargin leftMargin: control.leftMargin
rightMargin: control.rightMargin rightMargin: control.rightMargin
} }
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius radius: control.radius
color: control.color color: control.color
} }

View File

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

View File

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

View File

@ -63,10 +63,10 @@ T.ComboBox {
selectByMouse: true selectByMouse: true
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
background: FluTextBoxBackground{ background: FluTextBoxBackground{
border.width: 0 border.width: 1
bottomMargin: { bottomMargin: {
if(!control.editable){ if(!control.editable){
return 0 return 1
} }
return contentItem && contentItem.activeFocus ? 2 : 1 return contentItem && contentItem.activeFocus ? 2 : 1
} }

View File

@ -26,7 +26,7 @@ Item{
radius: control.radius radius: control.radius
gradient: Gradient { gradient: Gradient {
GradientStop { position: 0.0; color: d.startColor } 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.0; color: d.endColor} GradientStop { position: 1.0; color: d.endColor}
} }
} }
@ -40,6 +40,12 @@ Item{
leftMargin: control.leftMargin leftMargin: control.leftMargin
rightMargin: control.rightMargin rightMargin: control.rightMargin
} }
Behavior on anchors.bottomMargin {
NumberAnimation{
easing.type: Easing.OutCubic
duration: 167
}
}
radius: control.radius radius: control.radius
color: control.color color: control.color
} }

View File

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

View File

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